:root{--ink:#090909;--paper:#eeeeea;--acid:#8f66d8;--muted:#9a9a94;--line:rgba(238,238,234,.18);font-family:Manrope,Arial,sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.nav{position:fixed;z-index:20;top:0;left:0;width:100%;height:86px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(#090909cc,transparent);backdrop-filter:blur(5px)}.brand{font-family:'DM Mono';display:flex;align-items:center;gap:7px;font-size:14px;letter-spacing:.08em}.brand i{width:22px;height:1px;background:var(--acid);transform:rotate(-52deg)}nav{display:flex;gap:32px;font:12px 'DM Mono';text-transform:uppercase;letter-spacing:.1em}nav a{transition:color .2s}nav a:hover{color:var(--acid)}.lang{display:flex;gap:8px;border:0;background:none;color:#777;font:12px 'DM Mono';cursor:pointer}.lang .active{color:var(--acid)}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:145px 6vw 8vh;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden;background:radial-gradient(circle at 66% 40%,#755d8c 0 4%,transparent 4.5%),linear-gradient(135deg,#110b18 0%,#281a35 42%,#100d14 43%,#050505 100%)}.hero-media:before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 190deg at 65% 44%,transparent 0 21%,rgba(143,102,216,.12) 23%,transparent 26% 100%);animation:bank 9s ease-in-out infinite alternate}.horizon{position:absolute;width:150%;height:1px;top:52%;left:-25%;background:rgba(255,255,255,.18);transform:rotate(-7deg);box-shadow:0 -20vh 70px rgba(105,70,135,.16)}.grain{position:absolute;inset:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' 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='.7'/%3E%3C/svg%3E")}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 65%),linear-gradient(transparent 45%,rgba(0,0,0,.75))}.media-label{position:absolute;top:110px;right:3.5vw;font:11px 'DM Mono';letter-spacing:.08em;color:#c6c6c0;display:flex;gap:8px;align-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(143,102,216,.1);animation:pulse 1.8s infinite}.hero-copy{max-width:900px}.eyebrow,.section-kicker{font:12px 'DM Mono';letter-spacing:.14em;text-transform:uppercase;color:var(--acid)}h1{font-size:clamp(52px,8.4vw,132px);line-height:.86;letter-spacing:-.065em;margin:22px 0 30px;font-weight:600}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(238,238,234,.76)}.intro{font-size:clamp(17px,1.45vw,23px);line-height:1.5;max-width:610px;color:#d2d2cd}.play-link{display:inline-flex;align-items:center;gap:20px;margin-top:25px;font:12px 'DM Mono';text-transform:uppercase;letter-spacing:.1em}.play-link b{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--paper);border-radius:50%;transition:.25s}.play-link:hover b{background:var(--acid);color:var(--ink);border-color:var(--acid)}.telemetry{position:absolute;right:3.5vw;bottom:3vh;display:flex;gap:22px;font:10px 'DM Mono';color:#aaa}.manifesto{padding:16vh 7vw 19vh}.manifesto-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:9vw;align-items:end}.manifesto h2{font-size:clamp(44px,6.6vw,100px);line-height:.98;letter-spacing:-.055em;margin:50px 0 0;max-width:1050px}.manifesto-grid>p{font-size:17px;line-height:1.75;color:#aaa;margin:0}.applications{min-height:100vh;padding:12vh 7vw;position:relative;overflow:hidden;background:#0c0c0c}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8vh}.section-head>p:last-child{color:#8d8d87;font-size:14px}.application-list{width:69%;position:relative;z-index:2}.application{display:grid;grid-template-columns:60px 1fr 1fr 30px;align-items:center;border-top:1px solid var(--line);padding:24px 0;cursor:pointer;transition:.3s}.application:last-child{border-bottom:1px solid var(--line)}.application:hover,.application.active{padding-left:14px;color:var(--acid)}.application .number{font:11px 'DM Mono';color:#777}.application h3{font-size:clamp(30px,4.1vw,66px);letter-spacing:-.04em;margin:0;text-transform:uppercase}.application p{font:12px 'DM Mono';color:#8f8f89}.plus{font-size:22px}.scene-preview{position:absolute;width:36vw;aspect-ratio:4/5;right:-7vw;top:18vh;background:radial-gradient(circle at 47% 38%,rgba(143,102,216,.38),transparent 4%),linear-gradient(145deg,#1c3124,#121916 47%,#353123);transform:rotate(6deg);transition:background .45s,transform .45s;box-shadow:0 35px 90px #000}.scene-preview.events{background:radial-gradient(circle at 55% 60%,#ea2b81 0 2%,transparent 30%),linear-gradient(150deg,#32124b,#0b0615 55%,#d85b1a)}.scene-preview.spaces{background:linear-gradient(125deg,#d2d4cc 0 18%,#323635 18% 21%,#8f928d 21% 56%,#1c1d1c 56%)}.scene-preview.automotive{background:radial-gradient(ellipse at 45% 62%,#bbc4c6 0 13%,#23292b 14% 20%,transparent 21%),linear-gradient(155deg,#33424c,#101416)}.scene-preview.industrial{background:repeating-linear-gradient(100deg,#26291f 0 30px,#10110e 31px 65px,#4e503b 66px 68px)}.scene-preview .target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:28px 'DM Mono';color:rgba(255,255,255,.8)}.scene-preview>span{position:absolute;bottom:24px;left:25px;font:10px 'DM Mono';letter-spacing:.1em}.process{padding:16vh 7vw 18vh}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:7vh;background:var(--line)}.steps>div{background:var(--ink);padding:40px 35px 65px}.steps span{font:11px 'DM Mono';color:var(--acid)}.steps h3{font-size:30px;text-transform:uppercase;margin:50px 0 20px}.steps p{color:#999;line-height:1.7;max-width:310px}.contact{position:relative;min-height:100vh;padding:14vh 7vw 4vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:var(--paper);color:var(--ink)}.contact .section-kicker{color:#5c5c55}.contact h2{font-size:clamp(55px,9vw,142px);letter-spacing:-.07em;line-height:.9;margin:7vh 0 0}.contact-sub{font-size:clamp(24px,3vw,46px);margin:18px 0 7vh;color:#686861}.contact-orbit{position:absolute;width:52vw;aspect-ratio:1;border:1px solid rgba(0,0,0,.15);border-radius:50%;right:-22vw;top:-14vw}.contact-orbit:after{content:"";position:absolute;width:12px;height:12px;background:var(--acid);border:1px solid #000;border-radius:50%;left:12%;top:19%;box-shadow:0 0 0 12px rgba(143,102,216,.2)}form{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;border-top:1px solid #bbb;padding-top:36px;position:relative;z-index:2}label{display:flex;flex-direction:column;gap:10px;font:11px 'DM Mono';letter-spacing:.1em;text-transform:uppercase}input,textarea{border:0;border-bottom:1px solid #9a9a94;background:transparent;padding:8px 0;border-radius:0;outline:0;font-size:17px;resize:none;color:#111}input:focus,textarea:focus{border-color:#111}.wide{grid-column:1/3}form button{grid-column:3;grid-row:1/3;width:150px;aspect-ratio:1;border-radius:50%;border:0;background:var(--ink);color:var(--paper);cursor:pointer;text-transform:uppercase;font:11px 'DM Mono';display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:.3s}form button:hover{background:var(--acid);color:var(--ink);transform:rotate(-5deg)}form button b{font-size:20px}.form-note{font:11px 'DM Mono';color:#777;max-width:620px;margin-top:18px}footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10vh;font:10px 'DM Mono';letter-spacing:.08em}.cursor-orb{position:fixed;width:18px;height:18px;border:1px solid var(--acid);border-radius:50%;z-index:50;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s;mix-blend-mode:difference}@keyframes bank{to{transform:rotate(5deg) scale(1.05)}}@keyframes pulse{50%{opacity:.3;box-shadow:0 0 0 11px transparent}}@media(max-width:800px){.nav{height:70px;padding:0 20px}.nav nav{display:none}.hero{padding:120px 22px 8vh}.media-label{top:90px;right:20px}.hero h1{font-size:15vw}.telemetry{display:none}.manifesto,.applications,.process,.contact{padding-left:22px;padding-right:22px}.manifesto-grid{grid-template-columns:1fr;gap:40px}.application-list{width:100%}.application{grid-template-columns:35px 1fr 28px}.application p{display:none}.scene-preview{position:relative;width:78vw;right:auto;top:auto;margin:60px auto 0}.steps{grid-template-columns:1fr}.contact{min-height:100svh}.contact h2{font-size:17vw}form{grid-template-columns:1fr}.wide,form button{grid-column:1}.wide{grid-row:auto}form button{grid-row:auto;width:120px;margin-top:20px}footer{gap:20px;align-items:flex-start;flex-direction:column}.cursor-orb{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media (pointer:fine){html,body,a,button,input,textarea,.application{cursor:none!important}}
form button{background:var(--acid);color:var(--ink);box-shadow:0 14px 38px rgba(143,102,216,.3)}
form button:hover{background:var(--ink);color:var(--paper)}
.brand{width:120px;height:70px;display:grid;place-items:center;overflow:visible}
.brand img{width:100%;height:100%;object-fit:contain;display:block;transform:none}
.logo-intro{position:fixed;inset:0;z-index:100;background:#fff;display:grid;place-items:center;transition:opacity .55s ease,visibility .55s ease}
.logo-intro:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 18%,rgba(18,12,27,.16) 48%,rgba(9,6,15,.7) 100%);background-position:center;background-repeat:no-repeat;background-size:100% 100%;animation:vignette-release 1.48s cubic-bezier(.2,.65,.25,1) forwards}
@keyframes vignette-release{0%{background-size:185% 185%;opacity:0}35%{opacity:.2}100%{background-size:100% 100%;opacity:1}}
.logo-intro.finished{opacity:0;visibility:hidden;pointer-events:none}
.logo-stage{position:relative;width:min(31vw,290px);aspect-ratio:400/274}
.logo-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.intro-sequence{display:block;transform:translateZ(0)}
.contact-logo{position:absolute;width:min(36vw,460px);right:-3vw;bottom:3vh;opacity:.075;mix-blend-mode:multiply;pointer-events:none}
@media(max-width:800px){.brand{width:98px;height:58px}.brand img{width:100%}.logo-stage{width:41vw}.contact-logo{width:75vw;right:-18vw;bottom:8vh}}
@media(prefers-reduced-motion:reduce){.logo-intro{display:none}}
.application h3:before{content:"\\ ";display:inline-block;width:0;opacity:0;color:var(--acid);transform:translateX(-12px);transition:width .25s,opacity .25s,transform .25s}
.application.active h3:before{width:.62em;opacity:1;transform:translateX(0)}
.application h3{position:relative;white-space:nowrap}
.application h3:before{position:absolute;right:100%;width:auto;margin-right:.08em}
.application.active h3:before{width:auto}
.hero-contact{position:absolute;z-index:3;right:3.5vw;top:170px;display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(238,238,234,.55);font:11px 'DM Mono';letter-spacing:.12em;text-transform:uppercase;transition:color .2s,border-color .2s}
.hero-contact b{font-size:17px;font-weight:400;color:var(--acid)}
.hero-contact:hover{color:var(--acid);border-color:var(--acid)}
@media(max-width:800px){.hero-contact{top:142px;right:20px;font-size:10px}.media-label{display:none}}
.cursor-orb{width:18px;height:18px;background:var(--acid);border:1px solid var(--acid);transition:width .2s ease,height .2s ease,background-color .2s ease,border-color .2s ease}
.cursor-orb.is-hovering{width:44px;height:44px;background:transparent;border-color:var(--acid)}
.scene-preview.retail{background:linear-gradient(135deg,#ece8df 0 22%,#7c6aa8 22% 25%,#27222f 25% 58%,#a98dd8 58% 62%,#121015 62%)}

/* Compact, consistent spacing for the numbered content sections. */
.applications{padding-top:9vh;padding-bottom:9vh}
.process{padding-top:9vh;padding-bottom:9vh}
.steps{margin-top:5vh}
.contact{min-height:auto;padding-top:9vh;justify-content:flex-start}
.contact h2{margin-top:5vh}
.contact-sub{margin-bottom:5vh}

/* Tighter section rhythm, with the strongest reduction before section 01. */
.manifesto{padding-bottom:10vh}
.manifesto-grid>p{text-align:right}
.manifesto-grid{grid-template-columns:1.25fr .75fr;gap:6vw}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-media:before{display:none}
.scene-preview{overflow:hidden}
.scene-preview{transform:rotate(2deg);border-radius:18px}
.scene-preview{right:-2vw}
@media(max-width:800px){.scene-preview{right:auto}}
.scene-video,.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s}
.scene-preview.events .scene-video[data-scene="events"],.scene-preview.retail .scene-image[data-scene="retail"],.scene-preview.spaces .scene-video[data-scene="spaces"],.scene-preview.action .scene-video[data-scene="action"],.scene-preview.industrial .scene-video[data-scene="industrial"],.scene-preview.automotive .scene-video[data-scene="automotive"]{opacity:1}
.scene-preview.events .target,.scene-preview.retail .target,.scene-preview.spaces .target,.scene-preview.action .target,.scene-preview.industrial .target,.scene-preview.automotive .target{opacity:0}
.contact-portrait{position:absolute;z-index:2;top:27%;right:8vw;width:clamp(180px,16vw,240px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid var(--acid);box-shadow:0 18px 48px rgba(0,0,0,.2);transform:rotate(2deg)}
.contact-portrait img{display:block;width:120%;height:120%;object-fit:cover;object-position:50% 70%;transform:translate(0,-8%)}
@media(max-width:800px){.contact-portrait{position:relative;top:auto;right:auto;align-self:flex-end;width:145px;margin:-1vh 4vw 0 0}}
.applications{padding-top:6vh;padding-bottom:7vh}
.process{padding-top:7vh;padding-bottom:7vh}
.contact{padding-top:7vh}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
form button:disabled{cursor:wait;opacity:.55;transform:none}
.contact-portrait{z-index:4}
.contact form button{position:relative;z-index:3;transform:translateY(-72px);gap:7px}
.contact form button:hover{transform:translateY(-72px) rotate(-5deg)}
.contact form button:disabled{transform:translateY(-72px)}
.contact form button span,.contact form button b{transform:translateY(24px)}
.contact form button span{font-weight:500}
@media(max-width:800px){.contact form button,.contact form button:hover,.contact form button:disabled{transform:none}.contact form button span,.contact form button b{transform:none}}
.mobile-scene{display:none}
@media(max-width:800px){
  .manifesto-grid{display:block}
  .manifesto h2{margin:28px 0 18px}
  .manifesto-grid>p{margin:0;text-align:left;max-width:36rem}
  .scene-preview{display:none}
  .application{border-bottom:1px solid var(--line)}
  .mobile-scene{display:block;position:relative;width:100%;aspect-ratio:4/5;margin:14px 0 42px;overflow:hidden;border-radius:16px;background:#141414;box-shadow:0 22px 55px rgba(0,0,0,.35)}
  .mobile-scene video,.mobile-scene img{display:block;width:100%;height:100%;object-fit:cover}
}
