:root{--ink:#080d20;--panel:#111937;--white:#f5f6ff;--muted:#aab2d0;--blue:#5967f2;--gold:#ffbd38;--line:rgba(205,211,255,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--ink);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none;z-index:-1}.a1{width:520px;height:520px;background:#3f4fe9;top:-270px;right:-110px}.a2{width:360px;height:360px;background:#ffb72c;top:680px;left:-300px;opacity:.06}header,main,footer{width:min(1180px,calc(100% - 64px));margin-inline:auto}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-crop{position:relative;display:block;width:181px;height:38px;overflow:hidden}.brand-crop img{position:absolute;width:355px;max-width:none;left:-88px;top:-78px}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}nav>a:not(.pill){color:var(--muted)}nav>a:hover{color:#fff}.pill{padding:12px 18px;border:1px solid var(--line);border-radius:99px}.pill b,.email b{color:var(--gold);margin-left:6px}.hero{min-height:680px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px 0 92px}.eyebrow,.label{text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow i{width:7px;height:7px;background:var(--gold);box-shadow:0 0 20px #ffbd38;transform:rotate(45deg)}h1{margin:25px 0;max-width:760px;font-size:clamp(64px,8vw,112px);line-height:.93;letter-spacing:-.065em;font-weight:800}h1 em{color:var(--gold);font-style:normal}.hero-copy{color:var(--muted);max-width:570px;font-size:18px;line-height:1.75;margin:0}.actions{display:flex;align-items:center;gap:32px;margin-top:40px}.button{display:flex;align-items:center;gap:38px;padding:16px 19px 16px 23px;border-radius:8px;background:var(--blue);box-shadow:0 15px 40px rgba(58,70,204,.27);font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px);background:#6975ff}.button b{color:var(--gold)}.email{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:5px}.hero-art{position:absolute;right:30px;top:115px;width:415px;height:415px;pointer-events:none}.orbit{position:absolute;inset:0;border:1px solid rgba(115,126,255,.18);border-radius:50%}.o1{animation:spin 25s linear infinite}.o1:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold);top:52px;left:48px;box-shadow:0 0 16px var(--gold)}.o2{inset:64px;border-style:dashed;animation:spin 18s linear infinite reverse}.pixels{position:absolute;inset:50%;transform:translate(-50%,-50%) rotate(45deg);width:130px;height:130px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;filter:drop-shadow(0 0 30px rgba(89,103,242,.45))}.pixels i{background:linear-gradient(145deg,#8590ff,#3745d9);border-radius:3px}.pixels i:nth-child(1),.pixels i:nth-child(3),.pixels i:nth-child(7),.pixels i:nth-child(9){opacity:.18}.pixels i:nth-child(5){background:linear-gradient(145deg,#ffce62,#f2a716)}.hero-art span{position:absolute;color:#7c86ff}.s1{right:28px;top:82px}.s2{left:26px;bottom:82px;color:var(--gold)!important}@keyframes spin{to{transform:rotate(360deg)}}
.intro{display:grid;grid-template-columns:.7fr 2fr;gap:60px;padding:120px 0;border-top:1px solid var(--line)}.label{margin:8px 0 0}.intro>div{max-width:780px}h2{margin:0;font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-.05em}.intro div>p{color:var(--muted);max-width:680px;font-size:17px;line-height:1.85;margin:35px 0 0}.approach{padding:120px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-height:330px;padding:28px;border:1px solid var(--line);background:rgba(13,20,48,.55);border-radius:12px;display:flex;flex-direction:column;transition:.25s}.card:hover{transform:translateY(-6px);border-color:rgba(124,134,255,.45)}.card.feature{background:linear-gradient(145deg,rgba(69,80,211,.25),rgba(13,20,48,.7))}.card small{color:#687098;letter-spacing:.15em}.icon{display:grid;place-items:center;margin:48px 0 auto;width:48px;height:48px;color:var(--gold);font-size:25px;border:1px solid var(--line);background:rgba(89,103,242,.12);border-radius:10px}.card h3{margin:29px 0 10px;font-size:20px}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.contact{margin:20px 0 90px;padding:85px 80px;min-height:355px;border-radius:16px;background:linear-gradient(120deg,#4654dd,#2934aa);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:380px;height:380px;right:-100px;top:-155px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}.contact .label{color:rgba(255,255,255,.65);margin-bottom:22px}.contact>a{position:relative;z-index:1;width:160px;height:160px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:var(--gold);color:#1b213c;border-radius:50%;font-size:13px;font-weight:800;transition:.25s}.contact>a:hover{transform:rotate(-5deg) scale(1.04)}.contact>a b{font-size:30px;font-weight:400;align-self:flex-end}footer{min-height:130px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#69718f;font-size:11px}footer .brand-crop{transform:scale(.85);transform-origin:left;opacity:.7}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}.reveal.ready{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.ready.shown{opacity:1;transform:none}
.portfolio{min-height:620px;padding:46px 58px 38px;border:1px solid var(--line);border-radius:16px;background:#0b1020;position:relative;overflow:hidden;margin:0 0 120px;display:flex;flex-direction:column}.portfolio:before{content:"";position:absolute;inset:18px;border:1px solid rgba(205,211,255,.06);border-radius:10px;pointer-events:none;z-index:3}.portfolio-meta{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between}.status{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,189,56,.25);border-radius:99px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,189,56,.06)}.status i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px var(--gold)}.portfolio-animation{position:relative;z-index:2;flex:1;min-height:420px;display:grid;place-items:center}.portfolio-glow{position:absolute;width:850px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(108,123,255,.18),transparent 66%);opacity:0}.magic-lockup{position:relative;display:flex;align-items:center;justify-content:center;gap:30px;transform:scale(.78);transform-origin:center;white-space:nowrap}.native-lamp{position:relative;width:195px;height:130px;flex:0 0 auto}.native-lamp .pixel{position:absolute;width:11.2px;height:11.2px;opacity:0;transform:scale(0);transform-origin:center}.native-lamp .flame-glow{position:absolute;width:110px;height:110px;left:42px;top:-49px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,74,.9),transparent 70%);filter:blur(5px);opacity:0}.native-lamp .burst{position:absolute;left:96px;top:6px;width:var(--size);height:var(--size);background:var(--colour);opacity:0}.animated-message{position:relative;font-size:clamp(44px,5.3vw,78px);font-weight:800;line-height:.98;letter-spacing:-.055em;color:#eaecff;display:flex;flex-direction:column;overflow:visible}.animated-message span,.animated-message em{display:block;opacity:0;clip-path:inset(0 100% -20% 0);transform:translateY(12px)}.animated-message em{font-style:normal;color:#ffc94a}.animated-message i{position:absolute;top:-8%;bottom:-8%;left:-8px;width:16px;background:linear-gradient(90deg,transparent,rgba(255,236,180,.95),rgba(255,255,255,.9),transparent);filter:blur(2px);opacity:0}.final-sweep{position:absolute;top:-40px;bottom:-40px;left:-10%;width:48%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.25) 50%,transparent 58%);opacity:0;mix-blend-mode:screen;pointer-events:none}.portfolio-note{position:relative;z-index:4;align-self:center;max-width:630px;margin:0;text-align:center;color:var(--muted);font-size:13px;line-height:1.75}.portfolio.playing .portfolio-glow{animation:pGlow 4.8s ease both}.portfolio.playing .pixel{animation:pPixel 4.8s var(--delay) both}.portfolio.playing .flame-glow{animation:pFlame 4.8s both}.portfolio.playing .burst{animation:pBurst 4.8s var(--delay) both}.portfolio.playing .animated-message span{animation:pWord 4.8s 1.15s both}.portfolio.playing .animated-message em{animation:pWord 4.8s 1.34s both}.portfolio.playing .animated-message i{animation:pGlint 4.8s 1.16s both}.portfolio.playing .final-sweep{animation:pSweep 4.8s 2.05s both}@keyframes pPixel{0%{opacity:0;transform:scale(0)}5%,91%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.9)}}@keyframes pFlame{0%,3%{opacity:0;transform:scale(.6)}8%{opacity:.95;transform:scale(1.15)}18%,88%{opacity:.25;transform:scale(1)}96%,100%{opacity:0}}@keyframes pBurst{0%{opacity:0;transform:translate(0,0) scale(.5)}3%{opacity:1}15%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}100%{opacity:0}}@keyframes pWord{0%{opacity:0;clip-path:inset(0 100% -20% 0);transform:translateY(12px)}12%,88%{opacity:1;clip-path:inset(0 0 -20% 0);transform:none}96%,100%{opacity:0;clip-path:inset(0 0 -20% 0);transform:none}}@keyframes pGlint{0%{opacity:0;left:-8px}2%{opacity:1}15%{opacity:0;left:100%}100%{opacity:0}}@keyframes pSweep{0%{opacity:0;transform:translateX(-20%)}2%{opacity:1}16%{opacity:0;transform:translateX(270%)}100%{opacity:0}}@keyframes pGlow{0%{opacity:0}12%,88%{opacity:1}100%{opacity:0}}
@media(max-width:900px){.hero{min-height:720px;justify-content:flex-start;padding-top:110px}.hero-art{opacity:.25;right:-180px}.intro{grid-template-columns:1fr;gap:40px}.cards{grid-template-columns:1fr}.card{min-height:270px}.portfolio{padding:42px 35px 32px}.magic-lockup{transform:scale(.62)}.contact{padding:65px 45px}}@media(max-width:640px){header,main,footer{width:calc(100% - 36px)}header{height:82px}nav>a:not(.pill){display:none}.brand-crop{width:154px;height:34px}.brand-crop img{width:310px;left:-77px;top:-68px}.hero{min-height:650px;padding-top:90px}h1{font-size:clamp(56px,18vw,78px)}.hero-copy{font-size:16px}.actions{align-items:flex-start;flex-direction:column;gap:24px}.hero-art{width:320px;height:320px;right:-215px;top:185px}.pixels{width:95px;height:95px}.intro,.approach{padding:85px 0}.section-head{align-items:flex-start;flex-direction:column;gap:26px}.portfolio{min-height:580px;padding:36px 22px 30px;margin-bottom:85px}.portfolio-meta{align-items:flex-start;gap:16px}.portfolio-animation{min-height:400px}.magic-lockup{transform:scale(.48)}.portfolio-note{font-size:12px}.contact{margin-bottom:55px;min-height:440px;padding:48px 30px;align-items:flex-start;flex-direction:column}.contact>a{width:130px;height:130px;align-self:flex-end}footer{padding:30px 0;grid-template-columns:1fr 1fr;row-gap:20px}footer p:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portfolio .pixel,.portfolio .animated-message span,.portfolio .animated-message em{opacity:1!important;transform:none!important;clip-path:none!important}.portfolio .burst,.portfolio .animated-message i,.portfolio .final-sweep{display:none!important}*{animation-duration:.01ms!important}}
.animated-message{flex-direction:row;gap:.22em;font-size:clamp(60px,7vw,108px)}.animated-message em{color:#ffc94a}.coming-message{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(52px,6vw,92px);font-weight:800;line-height:.98;letter-spacing:-.055em;color:#eaecff;white-space:nowrap;display:flex;flex-direction:column}.coming-message span,.coming-message em{display:block;opacity:0;clip-path:inset(0 100% -20% 0);transform:translateY(12px)}.coming-message em{font-style:normal;color:#ffc94a}.coming-message i{position:absolute;top:-8%;bottom:-8%;left:-8px;width:16px;background:linear-gradient(90deg,transparent,rgba(255,236,180,.95),rgba(255,255,255,.9),transparent);filter:blur(2px);opacity:0}.portfolio.playing .pixel{animation:originalPixel 3.15s var(--delay) both}.portfolio.playing .flame-glow{animation:originalFlame 3.2s both}.portfolio.playing .burst{animation:originalBurst .9s var(--delay) both}.portfolio.playing .animated-message span,.portfolio.playing .animated-message em{animation:originalWord 2.15s 1.05s both}.portfolio.playing .animated-message i{animation:originalGlint .72s 1.08s both}.portfolio.playing .final-sweep{animation:originalSweep .85s 2.05s both}.portfolio.playing .coming-message span{animation:comingReveal 2.7s 3.35s both}.portfolio.playing .coming-message em{animation:comingReveal 2.7s 3.52s both}.portfolio.playing .coming-message i{animation:comingGlint .78s 3.38s both}.portfolio.playing .portfolio-glow{animation:sequenceGlow 6.25s ease both}@keyframes originalPixel{0%{opacity:0;transform:scale(0)}12%,82%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.86)}}@keyframes originalFlame{0%,4%{opacity:0;transform:scale(.6)}13%{opacity:.95;transform:scale(1.15)}30%,78%{opacity:.25;transform:scale(1)}100%{opacity:0}}@keyframes originalBurst{0%{opacity:0;transform:translate(0,0) scale(.5)}18%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1)}}@keyframes originalWord{0%{opacity:0;clip-path:inset(0 100% -20% 0);transform:translateY(12px)}22%,78%{opacity:1;clip-path:inset(0 0 -20% 0);transform:none}100%{opacity:0;clip-path:inset(0 0 -20% 0);transform:none}}@keyframes originalGlint{0%{opacity:0;left:-8px}8%{opacity:1}100%{opacity:0;left:100%}}@keyframes originalSweep{0%{opacity:0;transform:translateX(-20%)}8%{opacity:1}100%{opacity:0;transform:translateX(270%)}}@keyframes comingReveal{0%{opacity:0;clip-path:inset(0 100% -20% 0);transform:translateY(12px)}20%,82%{opacity:1;clip-path:inset(0 0 -20% 0);transform:none}100%{opacity:0;clip-path:inset(0 0 -20% 0);transform:none}}@keyframes comingGlint{0%{opacity:0;left:-8px}8%{opacity:1}100%{opacity:0;left:100%}}@keyframes sequenceGlow{0%{opacity:0}10%,88%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.magic-lockup{display:none}.coming-message span,.coming-message em{opacity:1!important;clip-path:none!important;transform:none!important}.coming-message i{display:none!important}}