@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080a10;--muted:#a2a9bb;--blue:#416bff;--border:#242936}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:#f4f6ff;font-family:Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #91b6ff;outline-offset:7px}.wrap{max-width:1440px;width:88%;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:800;letter-spacing:-1.4px}.mark{font-size:23px;font-weight:800;display:grid;place-items:center;background:var(--blue);width:34px;height:36px;transform:skew(-8deg);border-radius:3px;letter-spacing:-3px;padding-right:3px}.brand-dot{font-size:12px;align-self:flex-start;margin-left:-7px;letter-spacing:0}nav{display:flex;gap:38px;align-items:center;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:#8da9ff}.nav-contact{border:1px solid #4b5368;padding:11px 20px;border-radius:30px}.nav-contact span{margin-left:18px}.hero{position:relative;padding-top:87px;display:grid;grid-template-columns:1.05fr 1fr;gap:0;overflow:hidden}.hero-copy{z-index:2;padding-bottom:72px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#b0b9ce;display:flex;align-items:center;gap:12px;margin:0 0 28px}.line{width:26px;height:2px;background:#6790ff}h1{font-size:clamp(50px,5.9vw,87px);line-height:1.07;letter-spacing:-4.5px;margin:0 0 28px;font-weight:500}h1 em{font-style:normal;color:#7594ff}.intro{color:var(--muted);font-size:17px;max-width:470px;margin:0 0 34px;line-height:1.8}.button{display:inline-flex;gap:35px;background:var(--blue);padding:16px 22px;border-radius:5px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#5680ff;transform:translateY(-2px)}.text-link{font-size:14px;margin-left:25px}.text-link span{margin-left:12px}.hero-art{position:relative;display:flex;align-items:center;min-width:0;margin-left:-65px}.hero-art img{width:135%;height:auto;max-width:none;object-fit:contain;margin-left:-8%;mix-blend-mode:screen}.art-label{position:absolute;bottom:75px;left:16%;right:0;display:flex;justify-content:space-between;font-family:monospace;font-size:11px;letter-spacing:1.3px;color:#8090b6}.hero-foot{grid-column:1/-1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.4px;color:#959db1}.hero-foot b{padding:0 24px;color:#5377ed}.hero-foot a{font-size:23px}.services{padding:105px 0 100px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:0 12%;align-items:end}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:23px}h2{font-size:clamp(34px,3.5vw,51px);font-weight:500;line-height:1.2;letter-spacing:-2px;margin:0}h2 span{color:#828da5}.section-heading>p:last-child{font-size:16px;color:var(--muted);margin:0;max-width:390px}.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;gap:18px}.cards article{background:linear-gradient(135deg,#111723,#0c1019);border:1px solid #252e40;border-radius:10px;padding:28px 28px 0;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.cards article:hover{border-color:#536ea7;transform:translateY(-4px)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#8a95ad;font-size:13px;margin-bottom:27px}.symbol{font-size:28px;color:#87a7ff;font-family:monospace}.cards h3{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin:0 0 18px}.cards p{font-size:15px;color:var(--muted);margin:0 0 25px;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:32px}.tags span{font-size:11px;letter-spacing:.2px;border:1px solid #303a50;border-radius:20px;padding:4px 9px;color:#acb9d3}.cards article>a{font-size:13px;padding:20px 0;border-top:1px solid #263044;display:flex;justify-content:space-between;gap:10px}.cards article>a:hover{color:#9fb6ff}.process{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:87px 0 110px}.process-intro{max-width:390px;font-size:16px;color:var(--muted);margin-top:27px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:30px;border-bottom:1px solid var(--border);padding:23px 0}.process li:first-child{padding-top:0}.process li>span{font-size:12px;color:#7e9bfb;padding-top:6px}.process h3{font-size:21px;font-weight:500;margin:0 0 8px}.process li p{color:var(--muted);font-size:14px;margin:0}.contact{border:1px solid #344467;background:linear-gradient(115deg,#14234b,#0d1427 65%);padding:48px 50px;border-radius:10px;margin-bottom:85px}.contact .eyebrow{color:#8fa8ff}.contact-row{display:flex;justify-content:space-between;align-items:center}.contact h2{font-size:clamp(40px,4.7vw,66px)}.contact h2 span{color:#90a5dd}.contact-arrow{width:87px;height:87px;border-radius:50%;background:#426cff;display:grid;place-items:center;font-size:42px}.contact-arrow:hover{background:#6287ff}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:38px}.contact-bottom p{font-size:14px;color:#a8b5d1;margin:0}.email{font-size:16px;border-bottom:1px solid #6276a2;padding-bottom:8px;overflow-wrap:anywhere}footer{border-top:1px solid var(--border);padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:23px}footer .mark{width:26px;height:28px;font-size:18px}footer p,footer>a:last-child{font-size:12px;color:#909bb3}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:#315cff;z-index:100}.skip:focus{top:15px}@media(min-width:1600px){.hero-art img{width:125%}}@media(max-width:1000px){.wrap{width:90%}nav{gap:20px}.hero{padding-top:65px}h1{letter-spacing:-3px}.hero-art{margin-left:-35px}.text-link{display:block;margin:20px 0 0}.hero-foot>span:first-child{display:none}.hero-foot b{padding:0 12px}.cards article{padding:24px 20px 0}.cards h3{font-size:26px}.section-heading{gap:0 6%}.contact-bottom{align-items:start;flex-direction:column}.process{gap:6%}}@media(max-width:640px){header{height:83px}.brand{font-size:25px}nav>a:not(.nav-contact){display:none}.nav-contact{font-size:12px;padding:9px 13px}.nav-contact span{margin-left:8px}.hero{grid-template-columns:1fr;padding-top:46px}.hero-copy{padding-bottom:0}.eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:23px}h1{font-size:55px;letter-spacing:-3.3px}.intro{font-size:16px;max-width:95%}.text-link{display:inline-block;margin:0 0 0 16px;font-size:12px}.button{font-size:12px;gap:18px;padding:15px 17px}.hero-art{height:290px;margin:0;overflow:hidden}.hero-art img{width:112%;margin:-3% 0 0 -6%}.art-label{bottom:17px;left:3%;right:3%;font-size:9px}.hero-foot{font-size:9px;padding:17px 0;letter-spacing:.4px}.hero-foot b{padding:0 5px}.services{padding:66px 0}.section-heading{display:block}.section-heading>p:last-child{margin-top:24px}.cards{grid-template-columns:1fr;gap:18px;margin-top:32px}.cards article{padding:25px 25px 0}.cards h3 br{display:none}.cards p{max-width:100%}.card-top{margin-bottom:18px}.cards h3{font-size:27px}.tags{margin-bottom:25px}.process{grid-template-columns:1fr;padding:60px 0;gap:26px}.process h2{font-size:39px}.contact{padding:30px 23px;margin-bottom:55px}.contact h2{font-size:38px;letter-spacing:-1.7px}.contact-arrow{width:55px;height:55px;font-size:28px;flex-shrink:0;margin-left:10px}.contact-bottom{margin-top:27px;gap:24px}.email{font-size:13px}footer{flex-wrap:wrap;padding:25px 0}footer p{order:3;flex-basis:100%;margin:0;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Motion and depth */
body{background-image:radial-gradient(ellipse at 80% 8%,#14244735,transparent 30%)}
header{position:relative;z-index:5}.hero{perspective:1100px}.hero-copy{animation:hero-enter .9s cubic-bezier(.2,.7,.2,1) both}.hero-art{transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.hero-art img{animation:levitate 8s ease-in-out infinite;filter:drop-shadow(0 20px 28px #122b7730)}h1 em{background:linear-gradient(105deg,#7798ff 10%,#c0d8ff 45%,#597bff 70%,#7798ff);background-size:250% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:chromatic 9s ease-in-out infinite}.hero .eyebrow .line{animation:line-grow 1s ease-out both}.hero-foot{animation:hero-enter 1s .25s both}.cards{perspective:1100px}.cards article{position:relative;isolation:isolate;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out,border-color .3s,box-shadow .3s;overflow:hidden}.cards article:before{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),#577dff25,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}.cards article:hover{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px);box-shadow:0 22px 55px #0008,0 0 30px #315bff0a}.cards article:hover:before{opacity:1}.cards .symbol{transition:transform .6s,color .4s;display:inline-block}.cards article:hover .symbol{transform:rotate(-10deg) scale(1.2);color:#c7d9ff}.cards article>a span,.text-link span,.nav-contact span{display:inline-block;transition:transform .3s}a:hover>span:last-child{transform:translate(3px,-3px)}.button{position:relative;overflow:hidden;box-shadow:0 8px 30px #234cd330;transition:transform .3s,box-shadow .3s,background .3s}.button:after{content:'';position:absolute;inset:-50% auto -50% -80%;width:45%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skew(-20deg);transition:left .65s;pointer-events:none}.button:hover:after{left:140%}.button:hover{box-shadow:0 13px 40px #315dff55;transform:translateY(-3px)}.contact{position:relative;overflow:hidden;box-shadow:0 25px 70px #0005}.contact-arrow{transition:transform .4s,box-shadow .4s}.contact-arrow:hover{transform:rotate(8deg) scale(1.07);box-shadow:0 0 45px #446bff70}.process li{transition:padding-left .3s,border-color .3s}.process li:hover{padding-left:10px;border-color:#5879c1}.process li>span{transition:color .3s}.process li:hover>span{color:#bdd0ff}nav .active{color:#8caaff}.reveal{opacity:0;translate:0 30px;filter:blur(5px);transition:opacity .8s var(--delay,0ms),translate .8s var(--delay,0ms),filter .8s var(--delay,0ms)}.reveal.in-view{opacity:1;translate:0 0;filter:blur(0)}.cards article.reveal{transition:opacity .8s var(--delay,0ms),translate .8s var(--delay,0ms),filter .8s var(--delay,0ms),transform .25s,border-color .3s,box-shadow .3s}
@keyframes hero-enter{from{opacity:0;translate:0 24px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes chromatic{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes line-grow{from{scale:0 1;transform-origin:left}to{scale:1 1;transform-origin:left}}
@media(max-width:640px){.hero-art img{animation-duration:10s}.reveal{translate:0 18px;filter:none}.cards article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;translate:none;filter:none}.hero-art,.cards article,.cards article:hover{transform:none!important}}
.galaxy-toggle,.galaxy-close{font:inherit;color:inherit;cursor:pointer;background:transparent;border:1px solid #506086;border-radius:30px;padding:11px 19px}.galaxy-toggle{background:#18347340;box-shadow:inset 0 0 20px #355fff16}.galaxy-toggle span{margin-left:13px;color:#a1b9ff}.galaxy-toggle:hover{border-color:#99b4ff;box-shadow:0 0 22px #416bff40}header nav>a:not(.nav-contact){display:none}.galaxy-close span{margin-left:20px;font-size:22px}#galaxy-menu{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100dvh;margin:0;padding:35px 6%;border:0;color:#f5f7ff;background:#03050d;overflow:auto;isolation:isolate}#galaxy-menu::backdrop{background:#03050df5}#galaxy-menu[open]{animation:menu-arrive .7s cubic-bezier(.15,.65,.2,1)}.galaxy-space{position:absolute;inset:-6%;z-index:-2;background:linear-gradient(#03050d38,#03050d10 50%,#03050d99),url('galaxy.png') center/cover;transform:translate3d(var(--gx,0px),var(--gy,0px),0) scale(1.08);transition:transform 1.2s ease-out;pointer-events:none}.galaxy-top{display:flex;justify-content:space-between;align-items:center}.galaxy-heading{text-align:center;margin-top:45px}.galaxy-heading .eyebrow{justify-content:center;color:#abc0ff;margin-bottom:13px}.galaxy-heading h2{font-size:clamp(28px,3.5vw,50px);letter-spacing:-1.5px}.galaxy-heading>p:last-child{color:#a0afca;font-size:14px}.star-map{position:relative;display:block;min-height:410px;height:52vh;max-width:1200px;margin:0 auto;perspective:1100px}.destination{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;transform:translate(-50%,-50%);padding:15px;min-width:210px;transition:filter .3s}.destination-web{left:18%;top:44%;--node-color:#6996ff;--phase:0s}.destination-ai{left:47%;top:25%;--node-color:#aa8bff;--phase:-2s}.destination-marketing{left:76%;top:48%;--node-color:#66d5f4;--phase:-4s}.destination-contact{left:47%;top:80%;--node-color:#c4d6ff;--phase:-6s}.node{width:72px;height:72px;border:1px solid var(--node-color);border-radius:50%;display:grid;place-items:center;color:var(--node-color);background:#0b173399;box-shadow:0 0 35px color-mix(in srgb,var(--node-color) 25%,transparent),inset 0 0 25px color-mix(in srgb,var(--node-color) 15%,transparent);position:relative;animation:node-drift 6s var(--phase) ease-in-out infinite;transition:scale .5s,box-shadow .5s}.node:after{content:'';position:absolute;inset:-12px;border:1px solid color-mix(in srgb,var(--node-color) 30%,transparent);border-radius:50%;border-top-color:var(--node-color);animation:orbit 12s linear infinite}.node>span{font-family:monospace;font-size:20px}.destination strong{font-size:20px;font-weight:500;margin-top:14px}.destination small{font-size:9px;letter-spacing:1.5px;color:#a1b4d1}.destination:hover .node,.destination:focus-visible .node{scale:1.18;box-shadow:0 0 75px color-mix(in srgb,var(--node-color) 50%,transparent),inset 0 0 32px color-mix(in srgb,var(--node-color) 30%,transparent)}.destination:hover>span:last-child{transform:none}.destination:hover strong{color:white}.galaxy-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#8fa5c8;border-top:1px solid #7d9bcb30;padding-top:20px}.transit{position:fixed;inset:0;pointer-events:none;z-index:100;background:radial-gradient(ellipse at center,#6d96ff90,transparent 70%);opacity:0}.transit.active{animation:warp .75s ease-in-out}.arrival{animation:arrival 1.2s ease-out}.galaxy-lock{overflow:hidden}
@keyframes menu-arrive{from{opacity:0;transform:scale(.91);filter:blur(15px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes node-drift{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes orbit{to{rotate:360deg}}@keyframes warp{0%{opacity:0;scale:.5}45%{opacity:1;scale:1.6}100%{opacity:0;scale:2}}@keyframes arrival{0%{filter:brightness(1.65)}100%{filter:brightness(1)}}
@media(max-width:640px){header nav{gap:8px}.galaxy-toggle{font-size:11px;padding:10px 12px}.galaxy-toggle span{margin-left:5px}header .nav-contact{display:none}#galaxy-menu{padding:22px 5%}.galaxy-top .brand{font-size:24px}.galaxy-close{font-size:12px;padding:7px 14px}.galaxy-heading{margin-top:30px}.galaxy-heading h2{font-size:29px}.galaxy-heading .eyebrow{font-size:9px}.star-map{height:auto;min-height:430px;display:grid;grid-template-columns:1fr 1fr;gap:25px 5px;align-content:center}.destination{position:relative;top:auto;left:auto;min-width:0;transform:none;padding:10px 0;gap:4px}.node{width:55px;height:55px}.node:after{inset:-9px}.destination strong{font-size:15px;margin-top:16px}.destination small{font-size:8px;letter-spacing:.5px;max-width:140px}.galaxy-bottom{font-size:8px;letter-spacing:1px}.galaxy-space{background-position:55% center}.galaxy-close span{margin-left:10px}}
@media(prefers-reduced-motion:reduce){#galaxy-menu[open],.node,.node:after,.transit.active,.arrival{animation:none!important}.galaxy-space{transform:none!important}}
#galaxy-menu{overflow-x:hidden}.galaxy-space{inset:0}