@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090a10;--text:#f4f3f9;--muted:#8e91a5;--line:#ffffff20;--purple:#a591ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px 'DM Sans',sans-serif;overflow-x:hidden}button,a,summary{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #9defff;outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:'Space Grotesk',sans-serif}header{height:104px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:5}.wordmark{font-size:36px;font-weight:700;letter-spacing:-2.5px}.wordmark span{font:11px 'DM Sans';vertical-align:top;margin-left:5px;position:relative;top:8px}nav{display:flex;gap:4px;padding:5px;border:1px solid var(--line);border-radius:40px;background:#ffffff04;position:relative}nav a{padding:12px 22px;font-size:13px;position:relative;color:#bcbccc;transition:color .25s}nav a.active{color:white}.nav-light{position:absolute;top:5px;bottom:5px;left:5px;width:92px;border-radius:30px;background:linear-gradient(110deg,#8a59ff60,#4777ff40);box-shadow:inset 0 0 0 1px #ffffff16;transition:width .4s,left .4s}.contact-top{background:none;font-size:13px;padding:14px 0;border-bottom:1px solid #ffffff65}.contact-top span{margin-left:22px;color:#bca7ff}.hero{min-height:690px;height:calc(100svh - 104px);max-height:940px;position:relative;max-width:1600px;margin:auto;padding:90px 5.5% 80px;isolation:isolate}.hero-copy{position:relative;z-index:2;max-width:730px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.6}.live-dot{display:inline-block;width:6px;height:6px;background:#be9bff;border-radius:50%;margin-right:10px;box-shadow:0 0 15px #ac7cff}h1{font-size:clamp(72px,7.8vw,125px);line-height:.99;letter-spacing:-7px;font-weight:500;margin:36px 0 30px}h1>span{background:linear-gradient(100deg,#e0d3ff 0%,#b091ff 45%,#8bc7ff 100%);background-clip:text;color:transparent}.intro{font-size:18px;line-height:1.75;max-width:420px;color:#a5a7b8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.primary{background:#f0edff;color:#161220;padding:18px 23px;border-radius:6px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:34px;transition:box-shadow .25s,transform .25s}.primary:hover{transform:translateY(-3px);box-shadow:0 7px 35px #a688ff45}.primary span{font-size:20px}.text-link{font-size:13px;padding:14px 0;border-bottom:1px solid var(--line)}.text-link span{margin-left:16px}.hero-bottom{position:absolute;bottom:30px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;color:#7d8094;border-top:1px solid var(--line);padding-top:25px}.hero-bottom a{color:#c1c3cf}.hero-bottom a span{margin-left:25px}.hero-art{position:absolute;width:700px;height:700px;right:-40px;top:-5px;z-index:-1;pointer-events:none;transform:translate(var(--mx,0px),var(--my,0px));transition:transform 1s ease-out}.aura{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,#532f9928 0%,#573ba71c 40%,transparent 70%);filter:blur(30px)}.orbit{position:absolute;inset:18%;border-radius:48%;border:42px solid transparent;transform-style:preserve-3d;background:linear-gradient(#090a10,#090a10) padding-box,conic-gradient(from 30deg,#311b56,#a281ff,#ba80df,#3657ca,#8ad8ff,#5241a5,#311b56) border-box;box-shadow:inset 8px 7px 20px #fff2,inset -12px -12px 32px #000a,0 0 50px #7d49ff25;animation:orbit 16s ease-in-out infinite}.orbit-one{transform:rotate(-35deg) scaleX(.62);z-index:3}.orbit-two{inset:12%;transform:rotate(35deg) scaleX(.64);animation-delay:-5s;opacity:.88}.orbit-three{inset:24%;transform:rotate(90deg) scaleX(.7);animation-delay:-10s;border-width:34px;z-index:4}.art-core{position:absolute;inset:37%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d6c4ff,#9c77df 30%,#393186 62%,#0b1325);box-shadow:0 0 60px #aa80ff35;z-index:2}.star{position:absolute;color:#b5a2e8;font-size:28px}.star-one{top:18%;right:19%;animation:star 8s ease-in-out infinite}.star-two{bottom:18%;left:18%;font-size:16px;animation:star 8s ease-in-out -4s infinite}@keyframes orbit{0%,100%{rotate:-12deg;translate:0 0}50%{rotate:16deg;translate:0 -20px}}@keyframes star{50%{opacity:.3;transform:scale(.7) rotate(90deg)}}.section{max-width:1600px;padding:110px 5.5%;margin:auto}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:45px}.section-top>p:last-child:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.6}.services{border-top:1px solid var(--line)}h2{font-size:clamp(38px,4.5vw,68px);line-height:1.12;letter-spacing:-3px;font-weight:500}.muted{color:#777a8e}.service-list{margin-top:60px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;gap:35px;cursor:pointer;padding:28px 0}summary::-webkit-details-marker{display:none}.service-number{font-size:11px;color:#9390a6}summary h3{font-size:29px;font-weight:400;letter-spacing:-.8px}.plus{margin-left:auto;font-size:29px;color:#a492d5;transition:transform .3s}details[open] .plus{transform:rotate(45deg)}.service-content{padding:0 0 30px 52px;display:flex;align-items:flex-start;justify-content:space-between;gap:35px}.service-content>p{max-width:570px;color:#a7a8b6;line-height:1.8}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:11px;border:1px solid var(--line);padding:8px 12px;border-radius:25px}.work{background:linear-gradient(160deg,#10101c,#0c0d15);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.draft-label{font-size:9px;letter-spacing:1.3px;color:#9291a6}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.work-heading>p{color:var(--muted);font-size:15px;line-height:1.7}.gradient-text{background:linear-gradient(90deg,#b2a4ff,#80c8f5);background-clip:text;color:transparent}.project-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:55px;align-items:center}.project-stage{position:relative;overflow:hidden;min-height:430px;background:#20183d;border:1px solid #ffffff16;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:35px}.stage-glow{position:absolute;inset:-50%;background:conic-gradient(#25225b,#612e69,#354d76,#25225b);animation:spin 30s linear infinite;opacity:.6;filter:blur(45px)}@keyframes spin{to{transform:rotate(360deg)}}.mock-browser{width:100%;background:#e3e0d8;border:1px solid #ffffff55;border-radius:7px;box-shadow:0 25px 55px #0006;overflow:hidden;position:relative;color:#23231f}.mock-bar{display:flex;justify-content:space-between;padding:12px 15px;background:#f1efe9;font-size:7px;letter-spacing:1px;color:#79766e}.mock-bar>span:first-child{letter-spacing:3px}.mock-web{height:280px;padding:25px;position:relative;overflow:hidden}.mock-brand{font-size:9px;letter-spacing:2px;font-weight:700}.mock-web-title{font-family:'Space Grotesk';font-size:48px;letter-spacing:-2.5px;line-height:1.05;margin-top:35px;position:relative;z-index:2}.mock-sculpture{position:absolute;height:240px;width:170px;right:30px;top:20px;border:36px solid #798744;border-radius:48%;transform:rotate(25deg);box-shadow:inset 8px 0 14px #17251277,10px 16px 20px #292b2433;background:transparent}.mock-foot{position:absolute;bottom:22px;left:25px;font-size:7px;letter-spacing:1px}.project-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:35px;gap:22px}.project-tabs button{padding:14px 0;background:none;color:#818396;font-size:13px;border-bottom:2px solid transparent}.project-tabs button[aria-selected=true]{color:#dfd6ff;border-color:#a38aff}.project-index{font-size:9px;letter-spacing:1.6px;color:#b19cd7}.project-info h3{font-size:38px;letter-spacing:-1.5px;line-height:1.15;font-weight:500;margin:18px 0}.project-info p{font-size:14px;line-height:1.8;color:#9fa1b5}.project-info .project-note{font-size:11px;color:#818396;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.mock-product{height:280px;background:#151622;color:#c3c5d5;display:grid;grid-template-columns:100px 1fr;font-size:9px}.mock-sidebar{padding:20px 12px;border-right:1px solid #ffffff16;line-height:3}.mock-sidebar b{color:#fff;display:block;margin-bottom:20px}.mock-dashboard{padding:25px 20px}.mock-dashboard h4{font-size:20px;margin:0 0 20px}.mini-tasks{display:grid;gap:10px}.mini-tasks span{padding:12px;background:#252635;border-radius:4px}.mini-tasks i{color:#aa8bff;margin-right:10px}.mock-system{height:280px;background:#0c1520;color:#a9cde2;padding:28px}.mock-system h4{font-size:16px;margin:0 0 30px}.system-flow{display:flex;align-items:center;justify-content:space-between;gap:8px}.system-flow span{border:1px solid #5b9fba77;padding:20px 12px;border-radius:9px;background:#16394c;font-size:10px}.system-flow b{color:#86ead6}.system-status{margin-top:35px;font-size:11px;color:#83d8bd}.approach h2{margin-top:35px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps article>span{font-size:10px;letter-spacing:1.5px;color:#a795cd}.steps h3{font-size:22px;letter-spacing:-.5px;font-weight:500;margin:25px 0 15px}.steps p{font-size:14px;line-height:1.8;color:#999dad}.contact{position:relative;overflow:hidden;isolation:isolate;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 100%,#3c258b80,transparent 65%)}.contact h2{font-size:clamp(65px,8vw,115px);letter-spacing:-5px;margin:35px 0 45px}.contact em{font-style:normal;color:#b6a3ed}.contact-bottom{display:flex;justify-content:space-between;align-items:center}.contact-bottom p{color:#abaabb;line-height:1.8;font-size:16px}footer{max-width:1600px;margin:auto;padding:40px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:12px;color:var(--muted)}footer>span{font-size:9px;color:var(--muted);letter-spacing:1px}#motion-toggle{background:none;color:#b9adc9;font-size:11px;padding:12px;border:1px solid var(--line);border-radius:4px}.skip{position:absolute;top:-70px;left:20px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}dialog{background:#15151f;color:var(--text);border:1px solid #ffffff30;border-radius:15px;padding:40px;max-width:550px;width:calc(100% - 35px)}dialog::backdrop{background:#05050cd9;backdrop-filter:blur(10px)}dialog h2{font-size:38px;letter-spacing:-1.5px;margin:22px 0}dialog p{font-size:14px;line-height:1.7;color:#aaaabb}dialog label{display:block;margin:25px 0 10px;font-size:13px}textarea{width:100%;resize:vertical;padding:14px;border:1px solid #ffffff30;background:#090a10;border-radius:5px;color:white;margin-bottom:20px;min-height:100px;font-size:16px}.close-dialog{position:absolute;right:15px;top:12px;width:44px;height:44px;background:none;font-size:30px}#copy-status{margin-top:15px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .hero-art{transform:none!important}
@media(min-width:1500px){.hero-art{right:0;top:20px;width:800px;height:800px}}@media(max-width:1000px){.hero-art{right:-180px;opacity:.65}.hero-copy{max-width:600px}h1{font-size:90px}.service-content{display:block}.tags{margin-top:20px}.project-layout{gap:25px;grid-template-columns:1.3fr 1fr}.project-stage{padding:20px;min-height:360px}.mock-sculpture{right:-20px}.mock-web-title{font-size:38px}.art-label{display:none}footer{flex-wrap:wrap}.contact-top{font-size:12px}}@media(max-width:700px){header{height:86px;padding:0 6%}.wordmark{font-size:32px}header nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#161522ed;backdrop-filter:blur(18px);z-index:20;box-shadow:0 8px 40px #0008}nav a{padding:12px 20px;white-space:nowrap}.contact-top{padding:12px 0}.hero{height:auto;min-height:850px;padding:45px 6% 80px}.hero-copy{max-width:100%}h1{font-size:clamp(60px,14vw,90px);letter-spacing:-4px;margin-top:28px}.eyebrow{font-size:9px;letter-spacing:1.7px}.intro{font-size:16px;max-width:360px;line-height:1.7}.hero-actions{gap:22px;flex-wrap:wrap;margin-top:26px}.primary{padding:16px 18px;gap:25px;font-size:13px}.text-link{font-size:12px}.hero-art{width:450px;height:450px;top:390px;right:calc(50% - 240px);opacity:1}.hero-bottom{bottom:24px;left:6%;right:6%;font-size:8px;letter-spacing:1px}.section{padding:75px 6%}.section-top{margin-bottom:30px;align-items:flex-start}.section-top>p:last-child:not(.eyebrow){font-size:11px}h2{font-size:38px;letter-spacing:-1.8px}.service-list{margin-top:35px}summary{gap:20px;padding:23px 0}summary h3{font-size:22px}.service-content{padding-left:32px;font-size:14px}.work-heading{display:block}.work-heading>p{margin-top:20px;font-size:13px}.draft-label{font-size:7px;max-width:120px;line-height:1.7;text-align:right}.project-layout{grid-template-columns:1fr;gap:20px}.project-stage{min-height:320px;padding:22px}.mock-web-title{font-size:42px}.mock-web{height:250px}.mock-sculpture{height:200px;width:140px;right:15px;top:25px;border-width:30px}.project-tabs{margin-bottom:24px}.project-info h3{font-size:32px}.steps{grid-template-columns:1fr;gap:35px;margin-top:40px}.steps h3{margin-top:18px}.contact h2{font-size:65px;letter-spacing:-3px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:28px}.contact-bottom p{font-size:14px}footer{padding:30px 6% 110px;gap:20px}footer p{width:calc(100% - 130px);font-size:11px}footer>span{font-size:8px}dialog{padding:30px 22px}dialog h2{font-size:31px}.system-flow span{padding:16px 8px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}

.hero{overflow:clip}