:root{
  color-scheme:dark;
  --bg:#070910;
  --bg2:#0b0e16;
  --panel:#10141f;
  --line:rgba(255,255,255,.11);
  --line-soft:rgba(255,255,255,.06);
  --text:#f2f4f8;
  --muted:#939cad;
  --cyan:#63f3dc;
  --violet:#b98cff;
  --pink:#ff68b7;
  --orange:#ff9a55;
  --gold:#f7cf75;
  --max:1280px;
  --header:78px;
  --mx:50vw;
  --my:24vh;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-width:320px;
  background:
    radial-gradient(1000px 600px at 15% -10%,rgba(185,140,255,.12),transparent 60%),
    radial-gradient(800px 500px at 90% 20%,rgba(99,243,220,.08),transparent 62%),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-3;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,black 0%,transparent 85%);
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
::selection{background:var(--cyan);color:#04110f}

.noise{
  position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");
}
.ambient{
  position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(440px 440px at var(--mx) var(--my),rgba(99,243,220,.055),transparent 68%);
}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:100;background:rgba(255,255,255,.04)}
.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));box-shadow:0 0 18px rgba(99,243,220,.7)}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:40;height:var(--header);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:0 max(28px,calc((100vw - var(--max))/2));
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(to bottom,rgba(7,9,16,.91),rgba(7,9,16,.62));
  backdrop-filter:blur(18px);
}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.16em;font-size:13px}
.brand img{width:34px;height:34px}
.nav{display:flex;gap:34px;color:#c5cad4;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.nav a{position:relative;padding:10px 0}
.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:1px;background:var(--cyan);transition:right .35s ease}
.nav a:hover::after{right:0}
.nav-status{justify-self:end;display:flex;align-items:center;gap:9px;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#9ff7e8}
.nav-status i,.status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.38;transform:scale(.8)}}

.section-shell{width:min(var(--max),calc(100% - 56px));margin-inline:auto}
.hero{
  min-height:100svh;padding-top:calc(var(--header) + 88px);padding-bottom:52px;
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);grid-template-rows:1fr auto;
  align-items:center;gap:58px;position:relative;
}
.hero-copy{position:relative;z-index:2}
.kicker,.eyebrow{
  margin:0 0 24px;color:#9ba4b4;font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.2em;text-transform:uppercase;
}
.hero-title{margin:0;font-size:clamp(58px,7.5vw,116px);line-height:.82;letter-spacing:-.065em;font-weight:800}
.hero-title span{display:block}
.hero-title .outline{
  color:transparent;-webkit-text-stroke:1px rgba(242,244,248,.58);
  letter-spacing:-.055em;
}
.hero-title .accent-word{
  background:linear-gradient(90deg,#fff 0%,#e4d8ff 28%,#8cf7e6 78%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-intro{max-width:660px;margin:38px 0 0;color:#aeb5c1;font-size:clamp(16px,1.35vw,20px);line-height:1.65}
.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.button{
  display:inline-flex;align-items:center;justify-content:center;gap:26px;
  min-height:50px;padding:0 20px;border:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.12em;
  transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.button:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}
.button.primary{background:#eef2f5;color:#070910;border-color:#eef2f5;font-weight:800}
.button.primary b{font-size:18px}
.button.ghost{background:rgba(255,255,255,.025)}

.hero-system{
  height:min(620px,68vh);min-height:470px;position:relative;isolation:isolate;
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);
  overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.03),transparent 48%);
}
.hero-system::before,.hero-system::after{
  content:"";position:absolute;inset:8%;border:1px solid rgba(255,255,255,.05);transform:rotate(45deg);
}
.hero-system::after{inset:22%;transform:rotate(-28deg);border-color:rgba(99,243,220,.08)}
.system-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,black,transparent 70%)}
.core-mark{
  width:132px;height:132px;border-radius:50%;display:grid;place-items:center;position:relative;z-index:4;
  background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.17),rgba(185,140,255,.08) 42%,rgba(8,10,16,.7) 70%);
  border:1px solid rgba(255,255,255,.16);box-shadow:0 0 90px rgba(185,140,255,.15),inset 0 0 50px rgba(99,243,220,.05);
}
.core-mark img{width:74px;filter:saturate(.82)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;z-index:2}
.orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}
.orbit-one{width:260px;height:260px;animation:spin 14s linear infinite}.orbit-one i{left:27px;top:36px}
.orbit-two{width:390px;height:390px;transform:rotateX(64deg) rotateZ(18deg);border-color:rgba(185,140,255,.18);animation:spinTilt 20s linear infinite}.orbit-two i{right:42px;top:34px;background:var(--violet);box-shadow:0 0 18px var(--violet)}
.orbit-three{width:500px;height:180px;transform:rotate(-24deg);border-color:rgba(255,104,183,.12);animation:drift 8s ease-in-out infinite}.orbit-three i{left:76%;top:-4px;background:var(--pink);box-shadow:0 0 18px var(--pink)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinTilt{to{transform:rotateX(64deg) rotateZ(378deg)}}@keyframes drift{50%{transform:rotate(-18deg) scale(1.04)}}
.signal-label{position:absolute;padding:8px 10px;border:1px solid var(--line-soft);background:rgba(7,9,16,.75);font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#a7afbd}
.signal-a{left:7%;top:16%}.signal-b{right:5%;top:39%}.signal-c{left:13%;bottom:12%}

.release-strip{grid-column:1/-1;display:grid;grid-template-columns:150px 150px 150px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:95px}
.release-strip>div{display:flex;align-items:baseline;gap:11px;border-right:1px solid var(--line);padding:30px 24px}
.release-strip strong{font-size:26px;letter-spacing:-.04em}.release-strip span{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#9da5b3}
.release-strip p{justify-self:end;align-self:center;text-align:right;color:#808999;font-size:12px;line-height:1.6;text-transform:uppercase;letter-spacing:.12em}

.manifesto{padding-block:150px 170px;position:relative}
.manifesto::before{content:"";position:absolute;left:20%;top:25%;width:1px;height:55%;background:linear-gradient(transparent,rgba(99,243,220,.28),transparent)}
.manifesto-label{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;color:#7f8999;margin-bottom:45px}
.manifesto-copy{margin:0 0 45px;font-size:clamp(42px,5.4vw,82px);line-height:1.04;letter-spacing:-.055em;max-width:1100px}
.manifesto-copy em{font-style:normal;color:#aab3c2}
.manifesto-copy em:nth-child(1){color:#dcd0ff}.manifesto-copy em:nth-child(2){color:#ffbf91}.manifesto-copy em:nth-child(3){color:#9ff7e8}
.manifesto-note{max-width:630px;margin:0 0 0 auto;color:#727c8c;font:700 10px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-align:right}

.section-heading{padding:120px 0 70px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:end}
.section-heading h2{font-size:clamp(48px,6vw,86px);line-height:.94;letter-spacing:-.055em;margin:0}
.section-heading>p{color:#919baa;font-size:16px;line-height:1.75;margin:0;max-width:540px}.section-heading>p strong{color:#dce0e7}

.products{position:relative;border-top:1px solid var(--line)}
.product-stage{min-height:105vh;position:relative;border-top:1px solid rgba(255,255,255,.08)}
.product-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.65}
.stage-arcion::before{background:radial-gradient(700px 500px at 80% 45%,rgba(255,154,85,.11),transparent 70%)}
.stage-findmenow::before{background:radial-gradient(700px 520px at 78% 44%,rgba(99,243,220,.10),transparent 70%)}
.stage-realty::before{background:radial-gradient(700px 520px at 80% 44%,rgba(247,207,117,.08),transparent 70%)}
.stage-sticky{min-height:100vh;padding-block:120px 90px;display:grid;grid-template-columns:.88fr 1.12fr;gap:80px;align-items:center;position:relative}
.product-copy{position:relative;z-index:2}
.product-topline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:34px}
.product-index{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f7887;padding-right:14px;border-right:1px solid var(--line)}
.status{display:inline-flex;gap:8px;align-items:center;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;padding:9px 11px;border:1px solid currentColor}
.status.live{color:#ffb27d}.status.beta{color:#8ff3df}.status.soon{color:#ebcd86}
.platform{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#687282}
.product-brandline{display:flex;align-items:center;gap:20px}
.product-brandline img{width:74px;height:74px;border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.32)}
.product-brandline p{margin:0 0 6px;color:#778191;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.product-brandline h3{margin:0;font-size:clamp(54px,6.3vw,94px);line-height:.9;letter-spacing:-.06em}
.product-description{font-size:17px;line-height:1.74;color:#a2aab7;max-width:610px;margin:32px 0 28px}
.feature-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 38px}
.feature-list li{border:1px solid var(--line);padding:9px 11px;color:#aab2bf;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.product-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid rgba(255,255,255,.25);padding:0 0 9px;font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.product-link span{font-size:19px;transition:transform .25s ease}.product-link:hover span{transform:translate(4px,-4px)}.muted-link{color:#d8caa5}

.product-visual{height:min(690px,76vh);min-height:500px;position:relative;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:rgba(255,255,255,.018);transform:translate3d(0,var(--parallax-y,0),0)}
.visual-glow{position:absolute;inset:8%;background:radial-gradient(circle,rgba(255,154,85,.2),transparent 65%);filter:blur(30px)}
.frame-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(black,transparent)}
.arcion-hero{position:absolute;width:min(82%,680px);left:50%;top:47%;transform:translate(-50%,-50%) rotate(-4deg);filter:drop-shadow(0 35px 60px rgba(0,0,0,.45));transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.product-stage:hover .arcion-hero{transform:translate(-50%,-50%) rotate(-1deg) scale(1.02)}
.visual-caption{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#8b94a3}.visual-caption b{color:#ffb27d}

.visual-findmenow{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(99,243,220,.08),transparent 56%),rgba(255,255,255,.014)}
.locator-card{width:min(76%,480px);aspect-ratio:.78;border:1px solid rgba(143,243,223,.24);background:linear-gradient(180deg,rgba(13,25,27,.88),rgba(7,10,16,.96));box-shadow:0 42px 80px rgba(0,0,0,.45);padding:24px;position:relative}
.locator-head,.locator-foot{display:flex;justify-content:space-between;color:#7e9d99;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.locator-head b{color:#86eedb}
.locator-radar{width:78%;aspect-ratio:1;border-radius:50%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid rgba(99,243,220,.16);overflow:hidden}
.ring{position:absolute;border:1px solid rgba(99,243,220,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:72%;height:72%}.r2{width:45%;height:45%}.r3{width:18%;height:18%}
.sweep{position:absolute;left:50%;bottom:50%;width:1px;height:50%;transform-origin:bottom;background:linear-gradient(to top,rgba(99,243,220,.75),transparent);animation:sweep 4s linear infinite}.sweep::after{content:"";position:absolute;bottom:0;left:0;width:150px;height:150px;transform-origin:0 100%;background:conic-gradient(from 270deg,rgba(99,243,220,.14),transparent 25%);clip-path:polygon(0 100%,100% 100%,0 0)}
@keyframes sweep{to{transform:rotate(360deg)}}
.arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:92px;line-height:1;color:#d8fff8;text-shadow:0 0 28px rgba(99,243,220,.28);animation:arrowFloat 2.8s ease-in-out infinite}
@keyframes arrowFloat{50%{transform:translate(-50%,-57%)}}
.target-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--pink);right:17%;top:28%;box-shadow:0 0 20px var(--pink)}
.locator-metric{position:absolute;left:24px;bottom:62px;display:flex;align-items:baseline;gap:9px}.locator-metric strong{font-size:54px;letter-spacing:-.06em}.locator-metric span{color:#83a09b;font-size:12px}
.locator-foot{position:absolute;left:24px;right:24px;bottom:22px}.floating-app-icon{position:absolute;width:84px;height:84px;border-radius:22px;right:6%;top:8%;transform:rotate(8deg);box-shadow:0 30px 60px rgba(0,0,0,.45)}

.visual-realty{perspective:1200px;background:linear-gradient(145deg,rgba(247,207,117,.035),rgba(255,255,255,.012))}
.soon-watermark{position:absolute;top:30px;right:30px;color:rgba(247,207,117,.08);font-size:clamp(74px,10vw,150px);font-weight:900;letter-spacing:-.08em}
.phone-panel{position:absolute;width:48%;max-width:340px;border:1px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.48);background:#111723;transition:transform .6s ease}
.phone-panel img{width:100%;height:auto}.phone-back{left:14%;top:15%;transform:rotateY(10deg) rotateZ(-7deg) translateY(10px);opacity:.72}.phone-front{right:15%;bottom:12%;transform:rotateY(-8deg) rotateZ(5deg)}
.visual-realty:hover .phone-back{transform:rotateY(6deg) rotateZ(-4deg) translateY(0)}.visual-realty:hover .phone-front{transform:rotateY(-4deg) rotateZ(2deg) translateY(-8px)}
.prototype-label{position:absolute;left:22px;bottom:22px;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#b6a97f}

.studio{padding-bottom:170px}
.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principle{padding:40px 34px 48px;min-height:300px;border-right:1px solid var(--line)}.principle:last-child{border-right:0}
.principle>span{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#65707e}.principle h3{font-size:26px;letter-spacing:-.035em;margin:78px 0 14px}.principle p{margin:0;color:#8c96a5;line-height:1.7;font-size:14px}
.lab-strip{margin-top:42px;display:grid;gap:16px}.lab-strip div{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:20px}.lab-strip span{font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#7e8795}.lab-strip i{display:block;height:1px;background:linear-gradient(90deg,rgba(99,243,220,.8) 0 var(--fill),rgba(255,255,255,.07) var(--fill) 100%);position:relative}.lab-strip i::after{content:"";position:absolute;left:var(--fill);top:-3px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}

.contact{min-height:82vh;padding:145px 0 48px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid var(--line);overflow:hidden}
.contact h2{font-size:clamp(64px,9.5vw,150px);line-height:.8;letter-spacing:-.07em;margin:0;max-width:1080px;position:relative;z-index:2}
.contact-email{margin-top:52px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;font-size:clamp(18px,2vw,28px);position:relative;z-index:2}.contact-email span{font-size:30px}
.contact-orb{position:absolute;width:min(58vw,760px);aspect-ratio:1;border-radius:50%;right:-12%;top:0;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle,rgba(185,140,255,.09),transparent 63%)}.contact-orb i{position:absolute;border:1px solid rgba(99,243,220,.08);border-radius:50%;inset:12%}.contact-orb i:nth-child(2){inset:27%;border-color:rgba(255,104,183,.08)}.contact-orb i:nth-child(3){inset:41%;background:rgba(255,255,255,.02)}
.footer{margin-top:85px;display:flex;justify-content:space-between;gap:30px;align-items:end;color:#727b8a;font:700 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:var(--text)}.footer-meta{display:flex;gap:24px}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.75,.2,1),transform .8s cubic-bezier(.2,.75,.2,1)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.hero-title .reveal:nth-child(2){transition-delay:.08s}.hero-title .reveal:nth-child(3){transition-delay:.16s}

@media (max-width:1000px){
  :root{--header:70px}
  .site-header{grid-template-columns:1fr auto;padding-inline:24px}.nav{display:none}
  .hero{grid-template-columns:1fr;padding-top:130px;gap:50px}.hero-system{height:520px}.release-strip{grid-template-columns:repeat(3,1fr)}.release-strip p{grid-column:1/-1;justify-self:start;text-align:left;padding:22px 0}
  .section-heading{grid-template-columns:1fr;gap:28px}
  .stage-sticky{grid-template-columns:1fr;gap:60px;padding-top:100px}.product-visual{height:620px}
  .principles{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid var(--line);min-height:220px}.principle:last-child{border-bottom:0}.principle h3{margin-top:45px}
}
@media (max-width:640px){
  .section-shell{width:min(100% - 34px,var(--max))}
  .site-header{padding-inline:17px}.brand span{font-size:11px}.nav-status span{display:none}
  .hero{padding-top:112px;padding-bottom:28px}.hero-title{font-size:clamp(52px,16vw,82px)}.hero-intro{font-size:16px}.hero-actions{display:grid}.button{width:100%}
  .hero-system{min-height:390px;height:62vh}.core-mark{width:96px;height:96px}.core-mark img{width:54px}.orbit-one{width:200px;height:200px}.orbit-two{width:300px;height:300px}.orbit-three{width:390px;height:140px}.signal-label{font-size:8px}
  .release-strip{grid-template-columns:repeat(3,1fr)}.release-strip>div{padding:22px 12px;display:block}.release-strip strong{display:block;font-size:22px;margin-bottom:6px}.release-strip span{font-size:8px}
  .manifesto{padding-block:110px}.manifesto-copy{font-size:42px}.manifesto-note{text-align:left;margin-left:0}
  .section-heading{padding:92px 0 55px}.section-heading h2{font-size:50px}
  .product-stage{min-height:auto}.stage-sticky{min-height:auto;padding:80px 0}.product-brandline img{width:62px;height:62px;border-radius:15px}.product-brandline h3{font-size:56px}.product-description{font-size:15px}.product-visual{height:500px;min-height:0}
  .locator-card{width:88%;padding:18px}.locator-metric{left:18px}.locator-foot{left:18px;right:18px;font-size:7px}.floating-app-icon{width:66px;height:66px;border-radius:18px}
  .phone-panel{width:58%}.phone-back{left:6%}.phone-front{right:5%}
  .lab-strip div{grid-template-columns:1fr;gap:9px}
  .contact{min-height:72vh;padding-top:100px}.contact h2{font-size:64px}.footer{display:grid}.footer-links{flex-wrap:wrap}.footer-meta{display:grid;gap:6px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}

/* i18n language switch */
.header-tools{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:16px;
}
.lang-switch{
  display:flex;
  align-items:center;
  padding:4px;
  gap:2px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  background:rgba(13,16,25,.78);
  box-shadow:0 8px 28px rgba(0,0,0,.2);
}
.lang-switch a{
  min-width:29px;
  height:27px;
  padding:0 7px;
  border-radius:5px;
  display:grid;
  place-items:center;
  color:#818a99;
  font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.04em;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.lang-switch a:hover{color:#dce2ea;background:rgba(255,255,255,.05)}
.lang-switch a.active{
  color:#fff;
  background:rgba(255,255,255,.13);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}

@media (max-width:1120px){
  .site-header{grid-template-columns:1fr auto}
  .nav{display:none}
}
@media (max-width:760px){
  .header-tools{gap:8px}
  .nav-status{display:none}
  .lang-switch{padding:3px}
  .lang-switch a{min-width:27px;height:26px;padding:0 5px;font-size:9px}
}
@media (max-width:520px){
  .site-header{padding-inline:14px}
  .brand span{display:none}
  .brand img{width:32px;height:32px}
  .lang-switch a{min-width:26px;padding:0 4px}
}

/* Shared accessibility and responsive foundations. Published by _tools/build.py. */
:root { color-scheme: dark; }
html { scroll-padding-top: calc(var(--header, 78px) + 24px); }
body { min-width: 0; overflow-x: clip; }
main, section, article, header > *, .hero > *, .heading > *, .section-heading > *, .stage-sticky > *, .product-brandline > * { min-width: 0; }
h1, h2, h3, p, a, li { overflow-wrap: anywhere; }
.strip div, .proof span, .release-strip span, .locator-head, .locator-foot { overflow-wrap: anywhere; }
.kicker { display: block; letter-spacing: .1em; }
.kicker i { display: inline-block; margin-right: 9px; vertical-align: middle; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
a:focus-visible, summary:focus-visible, button:focus-visible, [tabindex]:focus-visible { outline: 3px solid #91f5e2; outline-offset: 5px; border-radius: 3px; }
.skip-link { position: fixed; z-index: 200; top: 8px; left: 12px; padding: 14px 20px; background: #f2f4f8; color: #070910; transform: translateY(-180%); font-weight: 700; }
.skip-link:focus { transform: none; }
.reveal, .reveal.visible, .reveal.is-visible { opacity: 1; transform: none; }
/* Content never depends on animation or a successful script download. */
@keyframes enter { from { opacity: .7; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.reveal.enter { animation: enter .5s ease-out both; }
.site-header, .header { display: flex; justify-content: space-between; gap: 24px; }
.brand { flex-shrink: 0; min-height: 44px; }
.nav { gap: 20px; align-items: center; }
.nav a { min-height: 44px; display: flex; align-items: center; font-size: 12px; letter-spacing: .06em; }
.header-tools, .tools { display: flex; gap: 12px; align-items: center; flex-shrink: 0; }
.language-picker, .mobile-menu { position: relative; }
.language-picker summary, .mobile-menu summary { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; list-style: none; cursor: pointer; padding: 0 13px; border: 1px solid rgba(255,255,255,.2); border-radius: 8px; font: 700 12px/1.2 ui-sans-serif, system-ui, sans-serif; color: #e1e6ef; background: #101520; }
.language-picker summary::after { content: '⌄'; }
summary::-webkit-details-marker { display: none; }
.language-popover, .mobile-menu nav { position: absolute; right: 0; top: calc(100% + 10px); z-index: 80; padding: 8px; border: 1px solid #394453; border-radius: 12px; background: #0e131d; box-shadow: 0 20px 48px #0008; max-height: calc(100dvh - 100px); overflow-y: auto; }
.language-popover { width: 220px; display: grid; grid-template-columns: 1fr; }
.language-popover a, .mobile-menu nav a { min-height: 44px; display: flex; align-items: center; padding: 10px 12px; font: 600 14px/1.4 ui-sans-serif, system-ui, sans-serif; color: #c2cad6; border-radius: 6px; }
.language-popover a:hover, .language-popover a[aria-current=page], .mobile-menu nav a:hover { background: #24313d; color: #fff; }
.mobile-menu { display: none; }
.mobile-menu nav { width: min(300px, calc(100vw - 32px)); }
.mobile-menu nav a + a { border-top: 1px solid #ffffff0d; }
.back { color: #bbc4d2; font-size: 12px; padding-block: 14px; }
.button, .btn { display: inline-block; align-content: center; text-align: center; min-height: 48px; padding: 14px 20px; line-height: 1.5; font-size: 12px; letter-spacing: .045em; }
.button b { margin-left: 12px; }
.product-link { display: inline-block; line-height: 1.7; min-height: 44px; }
.product-link span[lang] { font-size: inherit; }
.product-link > span:last-child:not([lang]) { margin-left: 12px; }
.footer-links a, .footerbottom a { display: inline-block; padding-block: 12px; }
.textlink { min-height: 44px; padding-block: 12px; }
.kicker, .eyebrow, .platform, .product-index, .manifesto-label, .manifesto-note, .product-brandline p, .feature-list li, .lab-strip span, .footer, .footerbottom, .updated, .gallery-hint, .shot b, .card > span, .visual-card-copy > span, .proof span, .beta-card > span { color: #a7b2c2; font-size: 12px; line-height: 1.6; }
.status { font-size: 11px; line-height: 1.5; }
.brand small { color: #a7b2c2; font-size: 10px; }
.signal-label, .visual-caption, .locator-head, .locator-foot, .prototype-label { font-size: 10px; line-height: 1.5; color: #b8c5d2; }
.product-description, .intro, .hero-intro, .heading p, .section-heading > p, .card p, .visual-card-copy p, .faqitem p { color: #b0bac8; }
.gallery-track { overscroll-behavior-x: contain; }
.gallery-controls { display: flex; align-items: center; gap: 10px; justify-content: flex-end; margin-bottom: 16px; }
.gallery-controls button { width: 48px; height: 48px; border: 1px solid #455161; border-radius: 50%; background: #101722; color: white; font-size: 23px; cursor: pointer; }
.gallery-controls button:disabled { opacity: .4; cursor: default; }
.gallery-controls[hidden] { display: none; }
.noise { display: none; }
.nav-status { display: none; }
@media (max-width: 1200px) {
  .nav { display: none; }
  .mobile-menu { display: block; }
  .site-header, .header { padding-inline: 24px; }
  .back { display: none; }
}
@media (max-width: 600px) {
  .site-header, .header { padding-inline: 16px; gap: 10px; }
  .header-tools, .tools { gap: 8px; }
  .brand { gap: 8px; font-size: 15px; letter-spacing: 0; }
  .brand small { display: none; }
  .brand img { width: 30px; height: 30px; }
  .brand span { display: block; }
  .site-header .brand span { font-size: 11px; letter-spacing: .06em; }
  .language-picker summary, .mobile-menu summary { padding-inline: 10px; font-size: 11px; }
  .section-shell, .shell { width: calc(100% - 32px); }
  .hero-actions, .actions { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .button, .btn { width: 100%; }
  .footer, .footerbottom { gap: 14px; }
  .footer-meta { gap: 8px; }
  .ambient { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
  h1 .outline, .hero-title .outline, .hero-title .accent-word { color: CanvasText; -webkit-text-stroke: 0; background: none; }
}

.hero { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 40px; }
.hero-title { font-size: clamp(48px, 5.8vw, 88px); line-height: .99; letter-spacing: -.05em; }
.hero-system { min-height: 0; height: auto; aspect-ratio: .9; }
.manifesto { padding-block: 95px; }
.manifesto-copy { line-height: 1.12; }
.section-heading { padding-block: 84px 48px; gap: 48px; }
.section-heading h2 { font-size: clamp(38px, 5vw, 70px); line-height: 1.08; }
.product-stage { min-height: 0; }
.stage-sticky { min-height: 0; padding-block: 90px; gap: 48px; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
.product-brandline { gap: 16px; }
.product-brandline h3 { font-size: clamp(36px, 4.3vw, 64px); line-height: 1.1; }
.product-visual { min-height: 0; height: auto; aspect-ratio: .95; }
.locator-card { width: 82%; padding: 20px; }
.locator-head { gap: 12px; }
.locator-head b { text-align: right; }
.floating-app-icon { display: none; }
/* Original application screenshots, displayed at their natural aspect ratios. */
.visual-arcion { background: radial-gradient(ellipse at 45% 40%, #ffad7217, transparent 72%), #0c0f17; }
.visual-findmenow { background: radial-gradient(ellipse at 50% 45%, #78f1dd14, transparent 72%), #0c0f17; display: block; }
.home-device { position: absolute; margin: 0; padding: 5px; border: 1px solid #ffffff2b; border-radius: clamp(10px, 2vw, 24px); background: #070910; box-shadow: 0 22px 50px #0007; overflow: hidden; }
.home-device img { display: block; width: 100%; height: auto; border-radius: inherit; }
.home-tablet { width: 86%; left: 5%; top: 10%; transform: rotate(-3deg); }
.home-matrix { width: 31%; right: 5%; bottom: 13%; transform: rotate(4deg); }
.home-direction { width: 44%; left: 5%; top: 5%; transform: rotate(-2deg); }
.home-themes { width: 40%; right: 5%; top: 12%; transform: rotate(3deg); }
.locator-foot { gap: 12px; }
.locator-foot span:last-child { text-align: right; }
.locator-metric { bottom: 62px; }
.locator-metric strong { font-size: 42px; }
.release-strip { grid-template-columns: repeat(3, minmax(0, 130px)) 1fr; }
.release-strip p { padding-left: 24px; color: #a7b2c2; }
.principle { padding: 30px; }
.principle h3 { margin-top: 42px; }
.principle p { color: #acb7c6; }
.studio { padding-bottom: 90px; }
.contact { padding-top: 90px; min-height: 0; }
.contact h2 { font-size: clamp(42px, 7vw, 108px); line-height: 1.04; }
.contact-email { gap: 16px; }
.footer { margin-top: 52px; }
@media (max-width: 1120px) {
  .hero { grid-template-columns: minmax(0, 1fr); padding-top: calc(var(--header) + 42px); }
  .hero-title { font-size: clamp(46px, 7.8vw, 86px); }
  .hero-system { width: min(100%, 600px); margin: auto; aspect-ratio: 1.25; }
  .release-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .release-strip p { grid-column: 1 / -1; padding: 18px 0; text-align: left; justify-self: start; }
  .section-heading, .stage-sticky { grid-template-columns: minmax(0, 1fr); }
  .product-visual { width: min(100%, 600px); margin: auto; }
}
@media (max-width: 640px) {
  .hero { gap: 32px; }
  .hero-title { font-size: clamp(32px, 10vw, 62px); line-height: 1.1; }
  .hero-intro { margin-top: 24px; }
  .hero-system { aspect-ratio: 1.1; }
  .manifesto { padding-block: 64px; }
  .manifesto-copy { font-size: clamp(30px, 8vw, 44px); }
  .manifesto::before { display: none; }
  .section-heading { padding-block: 64px 32px; gap: 24px; }
  .section-heading h2 { font-size: 38px; }
  .stage-sticky { padding-block: 56px; gap: 32px; }
  .product-brandline img { width: 52px; height: 52px; }
  .product-brandline h3 { font-size: clamp(32px, 9vw, 50px); }
  .product-topline { gap: 10px; margin-bottom: 24px; }
  .product-description { font-size: 16px; margin-top: 24px; }
  .visual-caption { left: 16px; right: 16px; bottom: 16px; gap: 12px; }
  .locator-head { font-size: 9px; }
  .locator-foot { font-size: 9px; bottom: 14px; }
  .locator-metric { bottom: 57px; }
  .locator-metric strong { font-size: 36px; }
  .arrow { font-size: 68px; }
  .floating-app-icon { width: 48px; height: 48px; top: 4%; right: 3%; border-radius: 13px; }
  .studio { padding-bottom: 64px; }
  .contact { padding-top: 64px; }
  .contact h2 { font-size: 44px; }
  .footer { margin-top: 32px; }
}