@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1020}html{min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #a5b4fc}::selection{color:#fff;background:#6d43d8}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--bg:#0b1020;--panel:#11182b;--panel-light:#151e34;--text:#f8fafc;--muted:#a4aec4;--violet:#8b5cf6;--indigo:#a5b4fc;--line:#a5b4fc21;background:#0b1020;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;margin:0}body,button,a{font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{color:inherit}main{overflow:hidden}.navbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1240px;height:86px;margin:auto;padding:0 36px;display:flex}.brand{align-items:center;gap:11px;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#a78bfa,#6d28d9);border-radius:13px;place-items:center;width:43px;height:43px;font:700 27px Space Grotesk,sans-serif;display:grid;box-shadow:0 8px 30px #8b5cf62b}.brand-name{flex-direction:column;gap:1px;display:flex}.brand-name strong{letter-spacing:-1px;font:700 23px Space Grotesk,sans-serif}.brand-name small{color:#a5b4fc;letter-spacing:2.3px;font-size:9px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links>a:not(.nav-cta){color:#c2cadd;font-size:13px;transition:color .2s}.nav-links>a:not(.nav-cta):hover{color:#fff}.nav-cta,.button-primary{color:#fff;background:linear-gradient(120deg,#8b5cf6,#6d43d8);border:1px solid #a78bfa;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:13px 17px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf63b}.menu-toggle{background:0 0;border:0;display:none}.hero{grid-template-columns:1fr .94fr;align-items:center;gap:35px;max-width:1240px;min-height:670px;margin:auto;padding:88px 36px 0;display:grid;position:relative}.hero-copy{z-index:2;padding-bottom:60px;position:relative}.eyebrow,.section-label{color:#a5b4fc;letter-spacing:2px;font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:10px;display:flex}.status-dot,.live-dot{background:#a78bfa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #a78bfa}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}.hero h1{letter-spacing:-5px;margin:27px 0 22px;font-size:clamp(55px,6.3vw,79px);font-weight:600;line-height:1.02}.gradient-text{background:linear-gradient(100deg,#c4b5fd 5%,#8b5cf6 53%,#a5b4fc 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{max-width:465px;color:var(--muted);font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:31px;display:flex}.button-primary{padding:15px 20px}.button-secondary{color:#d5d9e8;align-items:center;gap:10px;font-size:13px;display:inline-flex}.button-secondary:hover{color:#c4b5fd}.hero-proof{color:#a4aec4;flex-wrap:wrap;align-items:center;gap:9px;margin-top:46px;font-size:10px;display:flex}.proof-icon{color:#c4b5fd;background:#8b5cf622;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.proof-divider{color:#4b5570}.hero-visual{place-items:center;height:470px;display:grid;position:relative}.visual-glow{filter:blur(70px);background:#7c3aed32;border-radius:50%;width:330px;height:330px;position:absolute}.visual-grid{opacity:.27;background-image:linear-gradient(#6c7ca11c 1px,#0000 1px),linear-gradient(90deg,#6c7ca11c 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 70%);mask-image:radial-gradient(#000,#0000 70%)}.orbit{border:1px solid #a78bfa2e;border-radius:50%;position:absolute;transform:rotate(-25deg)}.orbit-one{width:460px;height:210px}.orbit-two{width:400px;height:320px;transform:rotate(43deg)}.visual-window{z-index:1;background:#121a30;border:1px solid #a5b4fc35;border-radius:15px;width:min(360px,82%);position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 35px 90px #0007,0 0 60px #8b5cf61c}.window-bar,.project-browser-bar{border-bottom:1px solid var(--line);background:#151e34;align-items:center;gap:5px;height:39px;padding:0 13px;display:flex}.window-bar>span,.project-browser-bar>span{background:#606d8b;border-radius:50%;width:6px;height:6px}.window-bar small,.project-browser-bar small{color:#8793af;margin-left:auto;font-size:9px}.window-content{background:radial-gradient(at 100% 90%,#7544d82b,#0000 60%),#0f172a;min-height:310px;padding:31px 25px;position:relative;overflow:hidden}.window-label{color:#a5b4fc;letter-spacing:1.5px;font-size:8px}.window-heading{z-index:1;letter-spacing:-1.5px;margin-top:23px;font:600 32px/1.2 Space Grotesk,sans-serif;position:relative}.window-heading span{color:#a78bfa}.window-lines{gap:7px;margin-top:17px;display:grid}.window-lines span{background:#64708b4f;border-radius:4px;width:75%;height:4px}.window-lines span:last-child{width:52%}.window-button{background:#8b5cf6;border-radius:6px;align-items:center;gap:10px;margin-top:22px;padding:9px 12px;font-size:9px;display:inline-flex}.window-orb{filter:blur(1px);opacity:.5;background:linear-gradient(140deg,#a78bfa,#4f46e5);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-65px;right:-45px}.floating-card{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141d32eb;border:1px solid #a5b4fc28;border-radius:11px;align-items:center;gap:11px;padding:13px;display:flex;position:absolute;box-shadow:0 15px 45px #0003}.card-top{top:35px;right:0}.card-bottom{bottom:35px;left:0}.mini-icon{color:#c4b5fd;background:#8b5cf624;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:10px}.floating-card small{color:#9ca8c1;margin-top:5px;font-size:9px}.live-dot{background:#86efac;width:6px;height:6px;margin-left:7px;box-shadow:0 0 10px #86efac}.visual-caption{color:#8995b1;letter-spacing:2px;font-size:9px;position:absolute;bottom:3px;right:0}.visual-caption span,.violet{color:#a78bfa}.hero-bottom{border-top:1px solid var(--line);color:#8290ad;letter-spacing:1.5px;justify-content:space-between;padding:22px 0;font-size:9px;display:flex;position:absolute;bottom:0;left:36px;right:36px}.section-pad{padding:105px max(36px,50% - 584px)}.services{border-top:1px solid var(--line);background:#0e1527}.section-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:43px;display:flex}.section-label span{color:#6e4cc8}.section-heading h2,.contact h2{letter-spacing:-2px;margin:19px 0 0;font-size:clamp(34px,4vw,49px);line-height:1.12}.section-heading>p{max-width:340px;color:var(--muted);margin-bottom:4px;font-size:13px;line-height:1.9}.service-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.service-card{border:1px solid var(--line);background:linear-gradient(145deg,#151e34,#101729);border-radius:13px;padding:25px 23px;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#8b5cf65e;transform:translateY(-4px)}.service-top{justify-content:space-between;align-items:center;display:flex}.service-icon{color:#c4b5fd;background:#8b5cf61b;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.service-number,.process-number{color:#73809e;font:500 12px Space Grotesk,sans-serif}.service-card h3{letter-spacing:-.5px;margin:27px 0 12px;font-size:21px}.service-card>p,.process-card p{min-height:75px;color:var(--muted);font-size:12px;line-height:1.9}.service-tags,.project-pills{flex-wrap:wrap;gap:7px;display:flex}.service-tags span,.project-pills span{border:1px solid var(--line);color:#aeb8ce;border-radius:6px;padding:7px 9px;font-size:9px}.service-link,.project-link{color:#c4b5fd;align-items:center;gap:9px;margin-top:24px;font-size:11px;font-weight:700;display:inline-flex}.work{background:var(--bg)}.project-card{border:1px solid var(--line);background:#11182b;border-radius:16px;grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden}.project-preview{background:radial-gradient(#4f46e535,#0000 65%),#151d32;place-items:center;min-height:330px;display:grid;position:relative;overflow:hidden}.project-browser{z-index:1;background:#141b2c;border:1px solid #b7c0d42b;border-radius:9px;width:78%;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 25px 60px #0006}.project-site{background:linear-gradient(110deg,#101113 0%,#252321 100%);min-height:218px;padding:23px}.project-site-brand{letter-spacing:2px;font-size:8px}.project-site-title{margin-top:27px;font:600 24px/1.3 Space Grotesk,sans-serif}.project-site-title em{color:#d8b87c}.project-site-rule{background:#d8b87c;width:35px;height:2px;margin:17px 0}.project-site-label{color:#b8a98f;letter-spacing:2px;font-size:7px}.project-decoration{border:1px solid #a78bfa48;border-radius:50%;position:absolute}.decoration-one{width:180px;height:180px;top:-65px;right:-85px}.decoration-two{width:120px;height:120px;bottom:-40px;left:-50px}.project-info{align-self:center;padding:39px}.project-type{color:#a5b4fc;letter-spacing:1.8px;font-size:9px}.project-info h3{letter-spacing:-.9px;margin:17px 0 12px;font-size:28px}.project-info>p{color:var(--muted);font-size:12px;line-height:1.9}.project-pills{margin-top:20px}.portfolio-note{color:#77839e;margin:15px 0 0;font-size:10px}.process{background:#0e1527}.process-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.process-card{border-top:1px solid #3b4560;padding-top:23px}.process-marker{border:1px solid #8b5cf6;border-radius:50%;place-items:center;width:14px;height:14px;margin-top:17px;display:grid}.process-marker span{background:#a78bfa;border-radius:50%;width:5px;height:5px}.process-card h3{margin:21px 0 11px;font-size:19px}.process-card p{min-height:auto;margin-bottom:0}.contact{padding-top:80px;padding-bottom:90px}.contact-panel{text-align:center;background:radial-gradient(at 50% 110%,#7c3aed29,#0000 55%),#11182b;border:1px solid #a78bfa3b;border-radius:18px;padding:66px 25px;position:relative;overflow:hidden}.contact-panel>:not(.contact-orb){z-index:1;position:relative}.contact h2{margin-top:23px;font-size:clamp(38px,5vw,57px)}.contact-panel>p{max-width:520px;color:var(--muted);margin:20px auto 27px;font-size:13px;line-height:1.9}.contact-orb{filter:blur(30px);background:#8b5cf626;border-radius:50%;width:200px;height:200px;position:absolute;top:-130px;left:-110px}.contact-note{color:#8d99b2;max-width:450px;margin:20px auto 0;font-size:10px;line-height:1.7;display:block}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:auto;padding:27px 36px;display:flex}.footer>p{color:#8995af;margin:0;font-size:11px}.back-top{color:#a5b4fc;letter-spacing:1.2px;font-size:9px}@media (width<=900px){.hero{grid-template-columns:1fr .85fr;gap:10px}.hero h1{letter-spacing:-3.5px;font-size:clamp(49px,6.5vw,65px)}.hero-visual{transform:scale(.9)}.service-grid{grid-template-columns:1fr 1fr}.service-card:last-child{grid-column:span 2}.service-card>p{min-height:auto}.project-info{padding:27px}}@media (width<=680px){.navbar{height:74px;padding:0 20px}.brand-mark{width:39px;height:39px}.brand-name strong{font-size:21px}.menu-toggle{cursor:pointer;place-items:center;padding:8px;display:grid}.nav-links{z-index:10;border-bottom:1px solid var(--line);background:#0d1426;flex-direction:column;align-items:stretch;gap:20px;padding:22px 20px;display:none;position:absolute;top:74px;left:0;right:0}.nav-links.open{display:flex}.nav-cta{align-self:flex-start}.hero{flex-direction:column;align-items:stretch;gap:0;padding:68px 22px 0;display:flex}.hero-copy{padding-bottom:0}.eyebrow{letter-spacing:1.3px;font-size:8px}.hero h1{letter-spacing:-3.7px;margin-top:24px;font-size:clamp(52px,12vw,70px)}.hero-description{font-size:13px}.hero-actions{gap:17px}.hero-proof{gap:7px;margin-top:29px;font-size:9px}.hero-visual{height:400px;margin:5px -10px 35px;transform:none}.visual-window{width:min(330px,78%)}.window-content{min-height:285px}.card-top{top:27px;right:0}.card-bottom{bottom:28px;left:0}.floating-card{gap:8px;padding:10px}.floating-card strong{font-size:9px}.floating-card small{font-size:8px}.mini-icon{width:29px;height:29px}.hero-bottom{letter-spacing:1px;gap:15px;padding:19px 0;font-size:7px;position:static}.section-pad{padding:76px 22px}.section-heading{margin-bottom:31px;display:block}.section-heading h2{letter-spacing:-1.5px;font-size:36px}.section-heading>p{margin-top:17px;font-size:12px}.section-label{letter-spacing:1.4px;font-size:8px}.service-grid{grid-template-columns:1fr}.service-card:last-child{grid-column:auto}.service-card{padding:23px}.service-card h3{margin-top:21px}.service-card>p{min-height:auto}.project-card{grid-template-columns:1fr}.project-preview{min-height:285px}.project-info{padding:25px}.project-info h3{font-size:25px}.process-grid{grid-template-columns:1fr 1fr;gap:29px 18px}.process-card p{font-size:11px}.contact{padding-top:35px;padding-bottom:65px}.contact-panel{padding:50px 19px}.contact h2{letter-spacing:-1.5px;font-size:39px}.contact-panel>p{font-size:12px}.footer{flex-wrap:wrap;padding:24px 22px}.footer>p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}