@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--ink:#151717;--paper:#f4f3ed;--lime:#dfff62;--violet:#7b61ff;--muted:#696b68;--line:#d9d8d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,100% - 48px);margin:auto}.nav{justify-content:space-between;align-items:center;height:88px;display:flex}.brand{color:var(--ink);align-items:center;display:flex}.brand img{object-fit:contain;width:150px;height:76px;display:block}footer .brand img{width:130px;height:70px}.nav-links{align-items:center;gap:36px;font-size:14px;font-weight:500;display:flex}.nav-links>a:not(.nav-cta):hover{opacity:.55}.nav-cta{background:var(--ink);color:#fff;border-radius:99px;align-items:center;gap:10px;padding:13px 18px;display:flex}.menu-button{background:0 0;border:0;display:none}.hero{padding:92px 0 72px}.eyebrow,.label,.section-heading>span,.project-copy>span{letter-spacing:1.8px;font-size:12px;font-weight:600}.eyebrow{align-items:center;gap:8px;display:flex}.hero h1{letter-spacing:-6px;max-width:1100px;margin:30px 0 42px;font:500 clamp(55px,8vw,108px)/.96 Manrope}.hero h1 em,.contact-section h2 em{color:var(--violet);font-family:Georgia,serif;font-weight:400}.hero-bottom{justify-content:flex-end;align-items:center;gap:80px;margin-bottom:62px;display:flex}.hero-bottom p{max-width:430px;color:var(--muted);font-size:18px;line-height:1.55}.hero-actions{align-items:center;gap:24px;margin-top:28px;display:flex}.primary-action{background:var(--ink);color:#fff;border-radius:99px;align-items:center;gap:12px;padding:15px 20px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s;display:flex}.primary-action:hover{transform:translateY(-3px);box-shadow:0 12px 28px #15171735}.text-action{align-items:center;gap:5px;font-size:14px;font-weight:600;display:flex}.text-action svg{transition:transform .25s}.text-action:hover svg{transform:translate(4px)}.circle-link{border:1px solid var(--ink);border-radius:50%;place-items:center;width:64px;height:64px;transition:all .25s;display:grid}.circle-link:hover{background:var(--ink);color:#fff;transform:rotate(-30deg)}.hero-card{--px:50%;--py:50%;--rx:0deg;--ry:0deg;--dx:0px;--dy:0px;height:500px;transform-style:preserve-3d;isolation:isolate;background:#171918;border-radius:24px;position:relative;overflow:hidden}.hero-card:after{content:"";z-index:8;pointer-events:none;background:linear-gradient(120deg,#ffffff0b,#0000 28% 72%,#dfff6208);position:absolute;inset:0}.visual-light{z-index:1;background:radial-gradient(360px circle at var(--px) var(--py),#ffffff13,transparent 65%);pointer-events:none;transition:opacity .35s;position:absolute;inset:-1px}.visual-noise{z-index:7;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{filter:blur(4px);border-radius:50%;position:absolute}.orb-one{width:410px;height:410px;transform:translate(calc(var(--dx) * .55),calc(var(--dy) * .55));background:linear-gradient(145deg,#8d79ff,#684cff);top:100px;left:27%;box-shadow:0 0 90px #7358ff70}.orb-two{background:linear-gradient(145deg,#efff9a,var(--lime));opacity:.97;width:255px;height:255px;transform:translate(calc(var(--dx) * -.4),calc(var(--dy) * -.4));top:-78px;left:55%;box-shadow:0 0 55px #dfff6240}.motion-ring{z-index:2;pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;position:absolute}.motion-ring i{background:var(--lime);width:7px;height:7px;box-shadow:0 0 16px var(--lime);border-radius:50%;position:absolute}.ring-a{width:590px;height:250px;top:120px;left:17%;transform:rotate(-18deg)}.ring-a i{top:16%;left:11%}.ring-b{width:400px;height:400px;top:35px;left:32%}.ring-b i{background:#fff;top:28%;right:4%;box-shadow:0 0 14px #fff}.floating-card{z-index:5;color:#fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);will-change:transform;background:linear-gradient(135deg,#ffffff18,#ffffff0c);border:1px solid #ffffff38;border-radius:16px;padding:22px;transition:transform .18s ease-out,box-shadow .35s;position:absolute;box-shadow:0 24px 60px #0005}.card-a{min-width:195px;transform:translate(calc(var(--dx) * -.55),calc(var(--dy) * -.55)) rotateX(calc(var(--rx) * -.35)) rotateY(calc(var(--ry) * -.35));font-size:13px;top:16%;left:9%}.card-a strong{margin:16px 0 0;font:500 34px Manrope;display:block}.pulse{background:var(--lime);border-radius:50%;width:7px;height:7px;margin-right:9px;animation:2s ease-out infinite pulse-ring;display:inline-block;box-shadow:0 0 #dfff6266}.card-b{width:245px;transform:translate(calc(var(--dx) * .6),calc(var(--dy) * .6)) rotateX(calc(var(--rx) * .4)) rotateY(calc(var(--ry) * .4));bottom:15%;right:9%}.card-b span{color:#fff9;font-size:12px}.card-b strong{margin:10px 0 14px;font:500 42px Manrope;display:block}.card-b i{background:linear-gradient(90deg,var(--lime) 74%,#ffffff1f 74%);background-size:140% 100%;border-radius:3px;width:100%;height:3px;animation:2.8s ease-in-out infinite progress-shimmer;display:block}.motion-chip{z-index:4;color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:1px;text-transform:uppercase;background:#15171770;border:1px solid #ffffff18;border-radius:99px;padding:8px 12px;font-size:9px;position:absolute}.chip-a{animation:5.4s ease-in-out infinite chip-float;top:12%;left:39%}.chip-b{animation:6.2s ease-in-out .8s infinite chip-float;bottom:13%;left:19%}.chip-c{animation:5.8s ease-in-out 1.4s infinite chip-float;top:24%;right:20%}.hero-tag{color:#aaa;letter-spacing:1.5px;gap:8px;font-size:11px;display:flex;position:absolute;bottom:25px;left:30px}.marquee{color:#fff;background:var(--violet);white-space:nowrap;letter-spacing:2px;padding:18px 0;font:600 15px Manrope;overflow:hidden}.marquee div{word-spacing:35px;width:max-content;animation:20s linear infinite move}.marquee span{color:var(--lime)}@keyframes move{to{transform:translate(-40%)}}.proof-strip{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding:38px 0;display:grid}.proof-strip>div{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:0 28px;display:flex}.proof-strip>div:first-child{padding-left:0}.proof-strip>div:last-child{border:0}.proof-strip strong{font:600 18px Manrope}.proof-strip span{color:var(--muted);font-size:12px}.section{padding:130px 0}.section-heading{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:40px;margin-bottom:70px;display:grid}.section-heading h2,.about h2{letter-spacing:-3px;margin:0;font:500 clamp(42px,5vw,68px)/1.05 Manrope}.section-heading p{color:var(--muted);margin:5px 0;line-height:1.65}.service-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-right:1px solid var(--line);flex-direction:column;min-height:330px;padding:38px 32px 20px 0;display:flex}.service-card+.service-card{padding-left:32px}.service-card:last-child{border:0}.service-top{justify-content:space-between;display:flex}.service-top svg{color:var(--violet)}.service-top span{color:#999;font-size:12px}.service-card h3{margin:60px 0 12px;font:500 24px Manrope}.service-card p{color:var(--muted);line-height:1.55}.service-card a{align-items:center;gap:8px;margin-top:auto;font-size:13px;font-weight:600;display:flex}.work-section{color:#fff;background:#191b1a}.section-heading.split{grid-template-columns:2fr 1fr}.section-heading.split p{color:#aaa;align-self:end;max-width:380px}.process-section{background:#fff;padding-top:105px}.process-section .section-heading.split p{color:var(--muted)}.process-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.process-step{border-right:1px solid var(--line);flex-direction:column;min-height:310px;padding:30px 28px;display:flex}.process-step:first-child{padding-left:0}.process-step:last-child{border:0}.process-step>span{color:var(--violet);font-size:12px;font-weight:700}.process-step h3{margin:55px 0 12px;font:500 30px Manrope}.process-step p{color:var(--muted);margin:0;line-height:1.6}.process-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:28px;display:flex}.process-cta p{font:500 22px Manrope}.process-cta a{background:var(--violet);color:#fff;border-radius:99px;align-items:center;gap:12px;padding:15px 20px;font-size:14px;font-weight:600;display:flex}.project-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.project{border-radius:6px;flex-direction:column;min-height:630px;padding:42px;display:flex;overflow:hidden}.project.lime{background:var(--lime);color:var(--ink)}.project.violet{background:var(--violet)}.project-copy h3{letter-spacing:-2px;max-width:390px;margin:18px 0;font:500 39px/1.1 Manrope}.project-copy a{align-items:center;gap:8px;margin-top:28px;font-size:13px;display:flex}.project-visual{margin-top:auto;transform:translate(35px,70px)rotate(-4deg)}.project.violet .project-visual{transform:translate(35px,70px)rotate(4deg)}.mini-window{color:var(--ink);background:#fff;border-radius:12px;height:315px;padding:0 22px;box-shadow:0 25px 70px #0004}.window-bar{border-bottom:1px solid #eee;align-items:center;gap:6px;height:45px;display:flex}.window-bar i{background:#ddd;border-radius:50%;width:7px;height:7px}.window-content{padding:28px}.fake-nav{background:#e8e8e8;border-radius:8px;width:42%;height:8px}.metric{margin:25px 0}.metric small{color:#888;display:block}.metric strong{font:600 45px Manrope}.chart{align-items:flex-end;gap:10px;height:100px;display:flex}.chart b{background:var(--violet);border-radius:4px 4px 0 0;flex:1}.chart b:first-child{height:25%}.chart b:nth-child(2){height:40%}.chart b:nth-child(3){height:48%}.chart b:nth-child(4){height:75%}.chart b:nth-child(5){height:95%}.chart-1 b{background:var(--lime)}.about{grid-template-columns:1fr 1fr;gap:100px;display:grid}.about .label{margin-bottom:30px;display:block}.about-copy>p{margin:40px 0;font:400 24px/1.5 Manrope}.check{border-top:1px solid var(--line);align-items:center;gap:12px;padding:18px 0;display:flex}.check svg{background:var(--lime);border-radius:50%;padding:2px}.contact-section{background:var(--lime);padding:115px 0}.contact-grid{grid-template-columns:1fr 1fr;gap:130px;display:grid}.contact-section h2{letter-spacing:-4px;margin:28px 0;font:500 clamp(50px,6vw,82px)/.98 Manrope}.contact-section p{max-width:430px;line-height:1.6}.contact-section form{flex-direction:column;gap:20px;display:flex}.contact-section label{letter-spacing:.5px;font-size:12px;font-weight:600}.contact-section input,.contact-section textarea{resize:none;background:0 0;border:0;border-bottom:1px solid #777;outline:none;width:100%;margin-top:8px;padding:15px 0;font:16px DM Sans;display:block}.contact-section button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:99px;align-self:flex-start;align-items:center;gap:25px;margin-top:15px;padding:15px 22px;font-weight:600;display:flex}.contact-section button:disabled{opacity:.65;cursor:wait}.contact-section .form-error{color:#8a2525;margin:0;font-size:13px}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}.form-status{min-height:20px;margin:0;font-size:13px}footer{height:120px;color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}footer>div{gap:25px;display:flex}body{overflow-x:hidden}.site-shell{isolation:isolate;position:relative}.cursor-glow{z-index:-1;left:var(--mouse-x,50%);top:var(--mouse-y,20%);pointer-events:none;background:radial-gradient(circle,#7b61ff1c,#0000 68%);border-radius:50%;width:430px;height:430px;transition:left 80ms linear,top 80ms linear;position:fixed;transform:translate(-50%,-50%)}.reveal{opacity:0;transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(42px)}.reveal.is-visible{opacity:1;transform:none}.hero h1{animation:.9s cubic-bezier(.2,.7,.2,1) .1s both hero-in}.hero .eyebrow{animation:.7s both hero-in}.hero-bottom{animation:.9s .25s both hero-in}@keyframes hero-in{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}.nav-cta{transition:transform .25s,box-shadow .25s}.nav-cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.nav-cta svg{transition:transform .25s}.nav-cta:hover svg{transform:translate(4px)}.hero-card{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .22s ease-out,box-shadow .5s;box-shadow:0 32px 80px #17191824}.hero-card:hover{box-shadow:0 48px 105px #17191848}.orb-one{animation:9s ease-in-out infinite orb-breathe-one}.orb-two{animation:8s ease-in-out infinite orb-breathe-two}.ring-a{animation:16s linear infinite ring-drift}.ring-b{animation:22s linear infinite ring-spin}@keyframes orb-breathe-one{50%{scale:1.055}}@keyframes orb-breathe-two{50%{scale:.95}}@keyframes ring-drift{50%{translate:20px -12px;rotate:12deg}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes chip-float{50%{transform:translateY(-10px)}}@keyframes pulse-ring{70%{box-shadow:0 0 0 9px #dfff6200}}@keyframes progress-shimmer{50%{background-position:70% 0}}.service-card{transition:transform .35s,background .35s,padding .35s,border-radius .35s}.service-card:hover{background:#fff;border-radius:10px;padding:32px;transform:translateY(-10px)}.service-card svg{transition:transform .35s}.service-card:hover .service-top svg{transform:rotate(-10deg)scale(1.15)}.project{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.project:hover{transform:translateY(-12px);box-shadow:0 30px 70px #0006}.project .mini-window{transition:transform .5s}.project:hover .mini-window{transform:translateY(-18px)rotate(2deg)}.chart b{transform-origin:bottom;animation:1s cubic-bezier(.2,.7,.2,1) .4s both bar-grow}@keyframes bar-grow{0%{transform:scaleY(0)}}.contact-section{position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;border:1px solid #15171722;border-radius:50%;width:500px;height:500px;animation:18s linear infinite ring-spin;position:absolute;top:-250px;right:-180px;box-shadow:0 0 0 70px #15171708,0 0 0 140px #15171706}.contact-grid{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero h1,.hero .eyebrow,.hero-bottom,.orb,.motion-ring,.motion-chip,.pulse,.card-b i,.chart b{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}.hero-card{transform:none!important}}@media (width<=800px){.container{width:min(100% - 30px,1160px)}.nav{height:78px}.brand img{width:125px;height:64px}.menu-button{z-index:5;display:block}.nav-links{z-index:4;background:#fff;border-radius:8px;flex-direction:column;align-items:stretch;padding:30px;display:none;position:absolute;top:72px;left:15px;right:15px;box-shadow:0 20px 50px #0002}.nav-links.open{display:flex}.hero{padding-top:55px}.hero h1{letter-spacing:-3px}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:20px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.hero-card{height:330px}.orb-one{top:90px;left:-10%}.orb-two{left:48%}.card-a{left:6%}.card-b{bottom:10%;right:5%}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip>div,.proof-strip>div:first-child{border-bottom:1px solid var(--line);padding:20px 15px}.proof-strip>div:nth-child(2){border-right:0}.section{padding:85px 0}.section-heading,.section-heading.split,.service-grid,.project-grid,.about,.contact-grid,.process-grid{grid-template-columns:1fr}.process-step,.process-step:first-child{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:30px 0}.process-step h3{margin:28px 0 10px}.process-cta{flex-direction:column;align-items:flex-start;gap:10px}.service-card,.service-card+.service-card{border-right:0;border-bottom:1px solid var(--line);min-height:280px;padding:32px 0}.project{min-height:570px;padding:30px}.about{gap:25px}.contact-grid{gap:60px}footer{flex-direction:column;gap:30px;height:auto;padding:40px 0}.hero-bottom p{font-size:15px}.hero-card{transform:none!important}.motion-ring{opacity:.55}.motion-chip{display:none}.card-a{min-width:160px;padding:17px}.card-a strong{font-size:27px}.card-b{width:185px;padding:17px}.card-b strong{font-size:32px}}
