@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--ink:#12141d;--muted:#626879;--violet:#934cff;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:#fafbff}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #8c60ff;outline-offset:5px}header{height:76px;position:absolute;top:0;left:0;width:100%;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 7.1%;color:white;background:linear-gradient(#030609 75%,transparent)}.brand{display:flex;align-items:center;font-size:25px;font-weight:650;letter-spacing:-1px;gap:9px;white-space:nowrap}.brand-mark{width:25px;height:35px;display:inline-block;background-image:url('assets/reference.png');background-size:1176.25px 2090px;background-position:-81px -10px;flex-shrink:0}header nav{display:flex;gap:32px;font-size:13px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;height:2px;left:0;width:0;background:linear-gradient(90deg,#1ee8ff,#bd26ff);transition:width .3s}nav a:hover:after,nav a.active:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid #c8cbd6;border-radius:40px;padding:13px 20px;font-size:12px;font-weight:600;background:transparent;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 25px #7c52bf20}.header-cta{border-color:#ffffff70;padding:11px 19px}.button span{font-size:17px}.dark{background:#171b25;color:white;border-color:#171b25}.menu{display:none}.hero-scroll{height:135vh;min-height:760px;background:#03060b;position:relative}.hero-stage{position:sticky;top:0;height:100vh;overflow:hidden;perspective:1000px;background:#03060b}.hero-art{position:absolute;inset:0;background-image:url('assets/reference.png');background-size:100% auto;background-position:center top;background-repeat:no-repeat;transform-origin:63% 45%;transform:scale(calc(1 + var(--progress)*.12));will-change:transform;mask-image:linear-gradient(#000 80%,transparent 100%)}.hero-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 65%,#04070d)}.sketches{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d}.phone{position:absolute;width:14%;fill:none;stroke:#78b9ef;stroke-width:.7;opacity:calc(.06 + var(--progress)*.48);filter:drop-shadow(0 0 9px #45aaff);will-change:transform}.phone-one{left:31%;top:22%;transform:translate3d(calc(var(--progress)*-150px),calc(var(--progress)*-70px),calc(var(--progress)*130px)) rotate(calc(-12deg - var(--progress)*20deg))}.phone-two{right:10%;top:27%;transform:translate3d(calc(var(--progress)*100px),calc(var(--progress)*-120px),calc(var(--progress)*220px)) rotate(calc(17deg + var(--progress)*20deg))}.orbit{position:absolute;border:1px solid #5ce5ff;border-radius:50%;left:43%;top:20%;width:42%;height:45%;opacity:calc(var(--progress)*.28);transform:rotateX(65deg) rotateZ(calc(var(--progress)*80deg))}.orbit-two{border-color:#d841ff;transform:rotateY(65deg) rotateZ(calc(var(--progress)*-90deg))}.scroll-cue{position:absolute;bottom:5%;left:7.1%;z-index:3;display:flex;gap:18px;align-items:center;color:#c1c9db;font-size:9px;letter-spacing:2px}.scroll-cue i{font-style:normal;border:1px solid #ffffff40;border-radius:30px;padding:12px 15px;animation:bob 2.4s infinite}.section{padding:80px 7.1%;position:relative;scroll-margin-top:10px}.section-intro p:not(.eyebrow){max-width:255px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700;color:#924cff;margin:0 0 20px}h2{font-size:clamp(28px,2.65vw,42px);line-height:1.08;letter-spacing:-1.7px;font-weight:500;margin:0 0 20px}h3{font-size:21px;line-height:1.15;letter-spacing:-.65px;font-weight:550;margin:0 0 16px}p{font-size:15px;line-height:1.55;color:var(--muted)}.services{display:grid;grid-template-columns:1fr 3fr;gap:35px;background:radial-gradient(ellipse at 80% 0,#e6e8ff 0,transparent 55%),#fafbff;border-radius:50% 5% 0 0/35px 25px 0 0;margin-top:-25px;z-index:4}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;min-height:390px;border:1px solid #e5e6f4;border-radius:20px;padding:27px 23px 60px;background:linear-gradient(135deg,#f0f2fb99,#fff9);overflow:hidden;transform-style:preserve-3d;transition:box-shadow .35s,transform .35s}.service-card:hover{box-shadow:0 22px 45px #8885d020}.line-icon{display:block;color:#824bff;font-size:38px;margin-bottom:15px}.service-card h3{font-size:22px}.service-card p{font-size:13px;position:relative;z-index:1}.service-card ul{padding:0;list-style:none;font-size:12px;line-height:2;color:var(--muted);position:relative;z-index:1}.service-card li:before{content:'✓';color:#a337ff;font-weight:700;margin-right:9px}.round{position:absolute;right:20px;bottom:20px;border:1px solid white;background:#ffffffdf;box-shadow:0 3px 20px #756dff20;color:#6a52ff;width:42px;height:42px;border-radius:50%;z-index:2;font-size:21px;transition:transform .3s}.round:hover{transform:rotate(45deg)}.glass-art{position:absolute;bottom:-20px;right:-15px;width:160px;height:160px;opacity:.7;transform:rotate(-20deg);pointer-events:none}.glass-art i{position:absolute;width:100px;height:100px;background:linear-gradient(140deg,#b3eeff80,#b49bff80,#fae7ff30);border:1px solid #c6caff90;border-radius:18px;box-shadow:inset 5px 5px 20px #ffffff80;transform:skewY(-12deg)}.glass-art i:nth-child(2){left:30px;top:35px}.glass-art i:nth-child(3){left:60px;top:70px}.stack i{height:40px;transform:rotate(-15deg) skewX(25deg)}.devices i{height:150px;width:80px;border-radius:14px}.about{display:grid;grid-template-columns:1.05fr 1.3fr 1fr;gap:38px;background:radial-gradient(ellipse at left bottom,#e8e3ff,transparent 50%),#f5f8fd;overflow:hidden}.about p{max-width:330px}.studio-image{min-height:390px;background-image:url('assets/reference.png');background-size:auto 2040px;background-position:49% -879px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);border-radius:30px;transition:background-position 1s}.studio-image:hover{background-position:51% -879px}.values{display:flex;flex-direction:column;justify-content:center;gap:22px}.values>div{display:flex;align-items:center;gap:22px}.values span{font-size:38px;color:#9385ff;min-width:38px}.values p{font-size:12px;margin:0}.values strong{display:block;font-size:15px;font-weight:600;color:var(--ink);margin-bottom:5px}.process{display:grid;grid-template-columns:1fr 3fr;gap:35px;background:linear-gradient(135deg,#f0f2ff,#fff 50%,#f0faff)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:22px;position:relative}.steps:before{content:'';height:1px;background:linear-gradient(90deg,#00d5ff,#9064ff,#fa68dc,#ffa86a);position:absolute;top:45px;left:20px;right:20px}.steps article{position:relative;padding-top:8px}.steps span{position:relative;display:grid;place-items:center;width:76px;height:76px;border:1px solid currentColor;border-radius:50%;font-size:30px;color:#28b9ff;background:#f4fcff;box-shadow:0 0 26px #50b8ff30;margin-bottom:26px;transition:transform .4s}.steps article:hover span{transform:translateY(-7px) rotate(8deg)}.steps article:nth-child(2) span{color:#7971ff}.steps article:nth-child(3) span{color:#b95aff}.steps article:nth-child(4) span{color:#ef5dbd}.steps article:nth-child(5) span{color:#fa9b62}.steps small{font-size:10px;letter-spacing:2px;color:#9299a7}.steps h3{font-size:18px;margin:8px 0}.steps p{font-size:12px}.journal{display:grid;grid-template-columns:1fr 3fr;gap:35px;background:linear-gradient(135deg,#f1f2ff,#fff 60%,#f7f2ff)}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.journal-card{padding:0 0 18px;text-align:left;border:1px solid #eaedf4;border-radius:13px;background:#ffffff55;overflow:hidden;transition:box-shadow .3s,transform .3s;color:var(--ink)}.journal-card:hover{transform:translateY(-7px);box-shadow:0 15px 30px #8885d025}.journal-photo{display:block;height:145px;background-image:url('assets/reference.png');background-size:1176px 2090px;transition:filter .4s}.journal-card:hover .journal-photo{filter:brightness(1.2)}.journal-photo.ai{background-position:-341px -1587px}.journal-photo.code{background-position:-606px -1587px}.journal-photo.launch{background-position:-871px -1587px}.journal-card small{display:block;margin:17px 15px 12px;font-size:8px;letter-spacing:.8px;color:#655bff}.journal-card h3{font-size:17px;margin:0 15px 10px}.journal-card p{font-size:12px;margin:0 15px}.read{display:block;font-size:10px;margin:18px 15px 0;color:#7c51cf}.contact{display:grid;grid-template-columns:1.1fr 1.25fr;gap:30px;padding-top:70px;padding-bottom:75px;overflow:hidden;background:radial-gradient(ellipse at 100% 80%,#dceaff,transparent 50%),linear-gradient(140deg,#e8f5ff,#fff 45%,#f3e7ff)}.contact>div:not(.contact-ribbon){z-index:1}.contact h2{font-size:clamp(30px,3vw,46px)}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.email{font-size:12px;display:inline-block;margin-top:20px;color:#656c80}.contact-ribbon{position:absolute;width:300px;height:500px;right:-180px;top:-60px;border:45px solid #bd9fff50;border-radius:50%;transform:rotate(35deg);box-shadow:inset 20px 0 50px #6edbff40,0 0 30px #db94ff30}footer{padding:30px 7.1%;display:flex;gap:26px;align-items:center;background:#fff}footer .brand{font-size:21px}footer p{font-size:10px}footer nav{margin-left:auto;display:flex;gap:20px;font-size:10px}.socials{display:flex;gap:12px}.socials button{background:none;border:0;padding:0;color:#7c8392;font-size:15px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.visible{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.08s}.reveal:nth-child(3){transition-delay:.16s}.reveal:nth-child(4){transition-delay:.24s}.reveal:nth-child(5){transition-delay:.32s}dialog{border:1px solid #e4e1f3;border-radius:24px;max-width:700px;width:calc(100% - 32px);max-height:85vh;padding:48px;color:var(--ink);box-shadow:0 25px 100px #070d3540;background:linear-gradient(130deg,#fff,#f4f2ff)}dialog::backdrop{background:#080d20a0;backdrop-filter:blur(9px)}dialog h2{font-size:32px;margin-right:15px}dialog h3{margin-top:24px;font-size:19px}dialog p,dialog li{font-size:15px;color:var(--muted);line-height:1.7}dialog li{margin-bottom:10px}.close{position:absolute;right:16px;top:14px;border:0;background:#e9e7f5;width:32px;height:32px;border-radius:50%;font-size:23px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:15px}.skip:focus{top:15px}@keyframes bob{50%{transform:translateY(5px)}}@media(min-width:1500px){.hero-art{background-size:100% auto}}@media(max-width:1100px){header{height:55px}header nav{gap:20px;font-size:11px}.brand{font-size:21px}.section{padding:55px 5%}.service-card{padding:20px 16px 60px}.service-card h3{font-size:19px}.services,.process,.journal{gap:20px}.steps{gap:12px}.steps span{width:60px;height:60px}.steps:before{top:38px}.about{gap:20px}.values>div{gap:12px}.studio-image{background-size:auto 1850px;background-position:49% -795px}.journal-photo{height:120px}footer{flex-wrap:wrap}footer nav{margin-left:0}.hero-scroll{min-height:650px}.hero-stage{height:min(100vh,68vw)}}@media(max-width:760px){header{padding:0 6%;height:65px}.header-cta{margin-left:auto;margin-right:15px;font-size:11px;padding:8px 14px}.menu{display:block;border:0;background:none;color:white;font-size:22px}header nav{display:none;position:absolute;top:65px;left:0;right:0;background:#090d17;padding:28px 6%;font-size:16px;flex-direction:column;gap:24px}header nav.open{display:flex}.hero-scroll{height:115vh;min-height:760px}.hero-stage{height:100svh;min-height:650px}.hero-art{background-size:auto 1470px;background-position:59% 115px;mask-image:linear-gradient(transparent 0,#000 20%,#000 65%,transparent 84%);top:0;transform-origin:60% 60%}.hero-accessible{clip-path:none;width:auto;height:auto;overflow:visible;top:100px;left:6%;right:6%;z-index:2}.hero-accessible p:first-child{font-size:9px;letter-spacing:2px;color:#d57aff;text-transform:uppercase}.hero-accessible h1{font-size:45px;letter-spacing:-2px;line-height:1.02;color:white;font-weight:500;margin:15px 0}.hero-accessible p:last-child{font-size:12px;max-width:270px;color:#e3e6ee}.hero-art{background-position:61% 300px;background-size:auto 1400px}.hero-stage:after{background:linear-gradient(transparent 78%,#04070d)}.phone{width:25%;top:57%}.phone-one{left:10%}.phone-two{right:6%}.scroll-cue{bottom:3%;font-size:8px}.section{padding:50px 6%}h2{font-size:34px}.services,.process,.journal{grid-template-columns:1fr}.section-intro p:not(.eyebrow){max-width:400px}.service-grid{grid-template-columns:1fr}.service-card{min-height:320px;padding:25px}.service-card h3{font-size:23px}.line-icon{position:absolute;right:25px;top:23px}.service-card p{max-width:280px}.glass-art{width:190px;height:170px}.about{grid-template-columns:1fr}.about p{max-width:100%}.studio-image{min-height:330px;background-position:49% -795px}.values{display:grid;grid-template-columns:1fr 1fr;gap:25px}.values>div{align-items:flex-start}.values span{font-size:28px;min-width:25px}.values strong{font-size:13px}.values p{font-size:11px}.steps{grid-template-columns:1fr;gap:8px}.steps:before{left:31px;top:30px;bottom:70px;width:1px;height:auto;background:linear-gradient(#00d5ff,#9064ff,#fa68dc,#ffa86a)}.steps article{padding:12px 0 18px 90px;min-height:120px}.steps span{position:absolute;left:0;top:10px}.steps p{max-width:260px;margin:6px 0}.steps h3{font-size:21px}.journal-grid{grid-template-columns:1fr}.journal-photo{height:190px;background-size:1764px 3135px}.journal-photo.ai{background-position:-512px -2380px}.journal-photo.code{background-position:-909px -2380px}.journal-photo.launch{background-position:-1307px -2380px}.journal-card h3{font-size:21px}.journal-card p{font-size:14px}.journal-card small{font-size:9px}.contact{grid-template-columns:1fr}.contact h2{font-size:35px}.contact p{font-size:14px}footer{padding:30px 6%;gap:15px}footer nav{width:100%;flex-wrap:wrap;gap:24px}.socials{margin-top:15px}dialog{padding:40px 24px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art,.phone,.orbit{transform:none!important}.js .reveal{opacity:1;transform:none}.hero-scroll{height:auto;min-height:0}.hero-stage{position:relative}}
/* Keep the reference hero bounded to its original artwork, without the sections below it. */
@media(min-width:761px){.hero-scroll{height:calc(43.4vw + 40vh);min-height:0}.hero-stage{height:43.4vw;min-height:0}.hero-art{height:43.4vw;mask-image:none}.hero-stage:after{background:linear-gradient(transparent 83%,#04070d80)}.scroll-cue{bottom:4%;left:40%;font-size:8px}.scroll-cue i{padding:7px 11px}.hero-art{clip-path:inset(0 0 1% 0)}}
@media(max-width:760px){.hero-art{height:640px;mask-image:linear-gradient(transparent 0,#000 50%,#000 88%,transparent 100%)}.hero-scroll{height:115vh;min-height:760px}}
.service-card{overflow:clip}.line-icon svg{width:37px;height:37px;stroke:currentColor;stroke-width:1.6;fill:none}.studio-image{mask-image:linear-gradient(90deg,transparent,#000 23%,#000 77%,transparent)}
@media(max-width:760px){.hero-art{background-position:70% 300px;clip-path:inset(337px 0 0);mask-image:linear-gradient(transparent 337px,#000 365px,#000 570px,transparent 640px)}}
.journal-photo{height:118px}footer .brand-mark{background-position:-81px -2032px}@media(max-width:760px){.journal-photo{height:177px}}

/* Scroll-scrubbed supplied hero film. */
.hero-scroll{height:calc(100svh + 160vh);min-height:0}
.hero-stage{height:100svh;min-height:560px;background:#03060b url('assets/hero-poster-4k.jpg') center center/cover no-repeat}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero-video.unavailable{visibility:hidden}
.hero-stage:after{background:linear-gradient(90deg,#02050b70 0%,transparent 55%),linear-gradient(0deg,#03060b 0%,transparent 15%)}
.hero-accessible{clip-path:none;width:34%;height:auto;overflow:visible;left:7.1%;right:auto;top:50%;transform:translateY(-50%);z-index:2}
.hero-accessible p:first-child{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#d57aff}
.hero-accessible h1{font-size:clamp(42px,5.2vw,80px);font-weight:500;letter-spacing:-.045em;line-height:1.03;color:white;margin:20px 0}
.hero-accessible p:last-child{font-size:clamp(12px,1.1vw,16px);max-width:340px;color:#e3e6ee}
.scroll-cue{left:7.1%;bottom:5%}
@media(max-width:760px){
.hero-scroll{height:calc(100svh + 120vh)}
.hero-stage{height:100svh;min-height:650px;background-position:65% 65%;background-size:auto 70%;background-repeat:no-repeat}
.hero-video{top:30%;height:70%;object-position:65% center}
.hero-accessible{left:6%;top:100px;width:88%;transform:none}
.hero-accessible h1{font-size:44px;margin:14px 0}
.hero-accessible p:last-child{max-width:285px;font-size:12px}
.hero-stage:after{background:linear-gradient(0deg,#03060b 0%,transparent 18%,transparent 58%,#03060b 74%)}
.scroll-cue{left:6%;bottom:4%}
}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto;min-height:0}.hero-stage{position:relative}.hero-video{display:none}}

/* Full-resolution editorial assets replace screenshot crops. */
.studio-image,.studio-image:hover{background-image:url('assets/studio-premium.png');background-size:cover;background-position:center;min-height:0;aspect-ratio:4/3;align-self:center;mask-image:none;border-radius:22px;border:1px solid #ffffffc0;box-shadow:0 22px 55px #25356018,inset 0 1px 0 #fff}
.journal-photo.ai{background-image:url('assets/journal-ai-premium.png');background-size:cover;background-position:center}
.journal-card{background:linear-gradient(135deg,#fff,#f5f4ff);box-shadow:0 8px 30px #5b59a30a}
@media(max-width:760px){.studio-image,.studio-image:hover{min-height:0;background-size:cover;background-position:center}.journal-photo.ai{background-size:cover;background-position:center}}

/* Consistent independent journal frames: no neighbouring screenshot content. */
.journal-photo{height:auto;aspect-ratio:16/9;background-repeat:no-repeat;overflow:hidden}
.journal-photo.ai,.journal-photo.code{background-size:cover;background-position:center}
.journal-photo.code{background-image:url('assets/journal-nocode-workspace.png')}
.journal-photo.launch{background-size:auto 1778.7234%;background-position:94.5726% 80.4816%}
@media(max-width:760px){.journal-photo{height:auto;aspect-ratio:16/9}.journal-photo.ai,.journal-photo.code{background-size:cover;background-position:center}.journal-photo.launch{background-size:auto 1778.7234%;background-position:94.5726% 80.4816%}}
.journal-photo.code{background-position:center}
.journal-photo.launch{background-image:url('assets/journal-launch-premium.jpg');background-size:cover;background-position:center}