:root{--ink:#08070a;--paper:#eeeae2;--smoke:#a7a1a7;--violet:#ddd9dd;--green:#c9ccc9;--line:rgba(238,234,226,.18);--pad:clamp(1.25rem,4vw,4.5rem);--sans:Inter,Arial,sans-serif;--display:"Arial Narrow",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}img,video{display:block;max-width:100%}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:200;top:1rem;left:1rem;padding:.75rem 1rem;background:var(--paper);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.site-header{position:absolute;z-index:50;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--pad);border-bottom:1px solid rgba(255,255,255,.12)}.brand img,footer img{filter:brightness(0) invert(1);opacity:.76;width:9rem;height:auto}.site-header nav{display:flex;gap:clamp(1.4rem,4vw,4rem)}.site-header nav a{text-decoration:none;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em}.menu-toggle{display:none;background:none;border:0;color:white;width:2.7rem;height:2.7rem}.menu-toggle span:not(.sr-only){display:block;width:1.5rem;height:1px;background:currentColor;margin:.4rem auto;transition:.25s}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:9rem var(--pad) clamp(4rem,9vh,7rem);isolation:isolate}.hero-media,.hero-media video,.hero-fallback,.veil,.grain{position:absolute;inset:0;width:100%;height:100%}.hero-media{z-index:-1;background:#0d0910}.hero-media video{object-fit:cover;opacity:.7}.hero-fallback{background:url('../Screen_4.png') center/cover no-repeat;z-index:-2}.veil{background:linear-gradient(90deg,rgba(4,3,5,.85) 0%,rgba(4,3,5,.15) 62%),linear-gradient(0deg,rgba(4,3,5,.8),transparent 55%)}.grain{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.hero-copy{max-width:75rem}.eyebrow,.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.23em;color:var(--smoke)}.hero h1{font-family:var(--display);font-stretch:condensed;font-size:clamp(4.6rem,15vw,13rem);font-weight:500;line-height:.78;letter-spacing:-.065em;margin:.18em 0 .2em}.hero-line{font-size:clamp(1.35rem,3vw,2.7rem);line-height:1.15;margin:0 0 1rem}.hero-note{color:var(--smoke);margin:0 0:2rem}.text-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;border-bottom:1px solid currentColor;padding:.4rem 0;font-size:.85rem;letter-spacing:.08em}.hero-index{position:absolute;right:var(--pad);bottom:4rem;font:11px monospace;letter-spacing:.14em;color:var(--smoke)}
.section{padding:clamp(6rem,13vw,12rem) var(--pad);border-top:1px solid var(--line)}.section-label{display:flex;gap:1rem;margin-bottom:clamp(4rem,9vw,9rem)}.section-label span{color:var(--green)}.meet-intro{max-width:65rem;margin-left:auto}.meet h2,.beyond h2{font-weight:400;font-size:clamp(2.2rem,5.7vw,6rem);line-height:1.04;letter-spacing:-.045em;margin:0}.actions{margin:clamp(6rem,12vw,12rem) 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.actions p{font-size:clamp(1.5rem,3vw,3rem);margin:0;padding:2rem 0;border-bottom:1px solid var(--line)}.meet-close{margin-left:auto;max-width:42rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.meet-close p:first-child{font-size:1.7rem;line-height:1.2}.meet-close strong{grid-column:2;color:var(--violet);font-weight:400;font-size:1.2rem}
.beyond{background:var(--paper);color:var(--ink)}.beyond .section-label{color:#625d62}.beyond-copy{max-width:70rem;margin:auto}.beyond-copy>*{margin:0 0 clamp(5rem,13vw,13rem)}.beyond-copy p{max-width:45rem;font-size:clamp(1.5rem,3.5vw,3.3rem);line-height:1.2}.beyond-copy p:nth-of-type(even){margin-left:auto}.beyond-copy strong{display:block;font-size:clamp(2.8rem,8vw,8rem);line-height:.95;font-weight:400;letter-spacing:-.05em;color:#d8d3d8}
.visual-story{padding:var(--pad)}.feature-visual{margin:0 0:clamp(8rem,15vw,15rem);display:grid;grid-template-columns:minmax(0,3fr) minmax(15rem,1fr);gap:clamp(2rem,5vw,6rem);align-items:end}.feature-visual.reverse{grid-template-columns:minmax(15rem,1fr) minmax(0,3fr)}.feature-visual.reverse img,.feature-visual.reverse video{grid-column:2}.feature-visual.reverse figcaption{grid-column:1;grid-row:1}.feature-visual.wide{display:block}.feature-visual img,.feature-visual video{width:100%;height:min(68vw,850px);object-fit:cover;filter:saturate(.78) contrast(1.08)}.feature-visual figcaption span{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--violet)}.feature-visual figcaption p{font-size:1.25rem;max-width:19rem}.wide figcaption{display:flex;justify-content:space-between;padding-top:1rem}
.engine{background:#0c0a0e}.engine-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:end}.engine h2{font-size:clamp(4rem,10vw,10rem);font-weight:400;line-height:.75;letter-spacing:-.07em;margin:0}.engine-heading p{font-size:clamp(1.3rem,2.4vw,2.4rem);line-height:1.25}.engine-heading em{color:var(--violet);font-style:normal}.engine-body{max-width:45rem;margin:10rem 0 0 auto}.engine-body>p{font-size:1.25rem}.engine ul{list-style:none;padding:0;margin:3rem 0 4rem;border-top:1px solid var(--line)}.engine li{padding:.9rem 0;border-bottom:1px solid var(--line);font:12px monospace;letter-spacing:.12em;text-transform:uppercase}.us-copy{max-width:55rem;margin-left:auto}.us h2{font-size:clamp(3.2rem,9vw,9rem);font-weight:400;line-height:1;margin:0 0 4rem;letter-spacing:-.06em}.us-copy>p{font-size:clamp(1.25rem,2.5vw,2.1rem);max-width:42rem}.us .text-link{margin-top:3rem}
.demo{position:relative;min-height:85svh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.demo-backdrop{position:absolute;inset:0;background:linear-gradient(rgba(7,5,8,.68),rgba(7,5,8,.92)),url('../Screen_5.png') center/cover;filter:saturate(.65);transform:scale(1.03)}.demo-content{position:relative;max-width:55rem}.demo h2{font-size:clamp(3rem,8vw,8rem);line-height:.9;letter-spacing:-.06em;font-weight:400;margin:1rem 0 2rem}.demo-content>p{color:#d0cad0}.button{display:inline-flex;gap:2rem;background:var(--paper);color:var(--ink);padding:1rem 1.3rem;text-decoration:none;margin:2rem 0}.demo small{display:block;color:var(--smoke)}footer{padding:3rem var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:end;font-size:.75rem;color:var(--smoke)}footer p{margin:.25rem}footer a{text-align:right}
.reveal{opacity:0;transform:translateY(2rem);transition:opacity 1s ease,transform 1s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:700px){.site-header{position:absolute}.menu-toggle{display:block;z-index:2}.site-header nav{display:none;position:fixed;inset:0;background:rgba(8,7,10,.98);flex-direction:column;justify-content:center;align-items:center;font-size:1.5rem}.site-header.is-open nav{display:flex}.site-header.is-open .menu-toggle span:nth-of-type(1){transform:translateY(4px) rotate(45deg)}.site-header.is-open .menu-toggle span:nth-of-type(2){transform:translateY(-4px) rotate(-45deg)}.hero{min-height:92svh}.hero-media video{display:none}.hero-index{display:none}.meet-intro{margin:0}.actions{grid-template-columns:1fr}.meet-close,.engine-heading{grid-template-columns:1fr}.meet-close strong{grid-column:1}.feature-visual,.feature-visual.reverse{display:flex;flex-direction:column;align-items:stretch}.feature-visual.reverse img,.feature-visual.reverse video{order:0}.feature-visual.reverse figcaption{order:1}.feature-visual img,.feature-visual video{height:75svh}.wide figcaption{display:block}.engine-body{margin-top:6rem}.demo{min-height:75svh}footer{grid-template-columns:1fr}footer a{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-media video{display:none}}
.hero-note{margin:0 0 2rem}
.brand img,footer img{filter:none;opacity:.82;width:auto;height:3.6rem}
.particle-scene{position:absolute;inset:0;z-index:0;pointer-events:none}.particle-scene canvas{width:100%;height:100%;display:block}.hero-fallback{opacity:.65}.particle-scene:not(:empty)~.hero-fallback{opacity:.22}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.demo-link{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--smoke)}
html:not(.js) .reveal{opacity:1;transform:none}.menu-open{overflow:hidden}.team-list{list-style:none;padding:0;margin:clamp(5rem,10vw,10rem) 0 0;border-top:1px solid var(--line)}.team-list li{display:grid;grid-template-columns:minmax(4rem,10rem) 1fr;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}.team-list h3{font-size:clamp(1.7rem,4vw,3.6rem);font-weight:400;margin:0}.team-list p{margin:.25rem 0;color:var(--smoke)}.team-list small{font:11px monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.team-initial{font-size:clamp(2.5rem,7vw,7rem);font-weight:300;color:var(--violet);opacity:.7}footer nav{display:flex;justify-content:flex-end;gap:1.2rem;flex-wrap:wrap}footer nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}
@media(max-width:700px){.hero h1{font-size:clamp(3.65rem,20vw,6rem)}.hero-copy{min-width:0}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.25rem}.particle-scene{display:none}.team-list li{grid-template-columns:3rem 1fr}.team-initial{font-size:2.6rem}footer nav{justify-content:flex-start}.menu-open main,.menu-open footer{visibility:hidden}.menu-open .site-header{visibility:visible}}
@media(max-width:340px){.hero{padding-left:1rem;padding-right:1rem}.hero h1{font-size:3.45rem}.hero-line{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.particle-scene{display:none!important}}

/* Keep only the hero foreground composed within a centered ultrawide canvas. */
:root{--hero-content-max:112rem;--hero-content-gutter:max(var(--pad),calc((100vw - var(--hero-content-max))/2))}
.hero{padding-inline:var(--hero-content-gutter)}
.hero-index{right:var(--hero-content-gutter)}