@property --gap{syntax: "<length>"; inherits: true; initial-value: 46px;}@property --float{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tilt-x{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --tilt-y{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --explode{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --spin{syntax: "<angle>"; inherits: true; initial-value: 0deg;}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body.site{display:block;justify-items:stretch;grid-template-rows:none;padding:0;min-height:0}.site main{display:block}.wrap{width:100%;max-width:72rem;margin:0 auto;padding:0 calc(var(--one-space) * 6)}.skip{position:absolute;left:-100vw;top:.5rem;z-index:20;padding:.5rem 1rem;background:var(--accent);color:var(--on-accent);border-radius:var(--one-radius-sm)}.skip:focus{left:.5rem}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}.site-header.is-scrolled{border-bottom-color:var(--line)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;max-width:72rem;margin:0 auto;padding:.7rem calc(var(--one-space) * 6)}.site-header__brand{display:block;line-height:0}.site-header__brand img{display:block;width:76px;height:auto}.site-header__nav{display:flex;align-items:center;gap:1.5rem}.site-header__nav a:not(.button){color:var(--text);text-decoration:none;font-weight:500}.site-header__nav a:not(.button):hover{color:var(--link)}.button--small{margin-top:0;padding:.45rem 1rem}.hero{position:relative;overflow:clip;padding:clamp(2rem,5vw,4rem) 0 clamp(4rem,7vw,6rem);min-height:min(88svh,50rem);display:flex;align-items:center}.hero__glow{position:absolute;right:-15%;top:-25%;width:75vw;height:75vw;max-width:60rem;max-height:60rem;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 42%,transparent),transparent);filter:blur(36px);opacity:.55;pointer-events:none;animation:drift 20s ease-in-out infinite alternate}.hero__grid{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 62% 42%,#000,transparent);mask-image:radial-gradient(ellipse 70% 60% at 62% 42%,#000,transparent)}.hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.hero__logo{margin:0 0 clamp(1rem,2.4vw,1.6rem);line-height:0}.hero__logo img{display:block;width:min(280px,70%);height:auto}.hero h1{margin:0 0 1.25rem;font-size:clamp(2rem,.9rem + 3.4vw,3.6rem);font-weight:750;line-height:1.06;letter-spacing:-.035em}.mark{position:relative;white-space:nowrap}.mark:after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.11em;border-radius:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;animation:draw .9s 1s cubic-bezier(.2,.7,.2,1) forwards}.hero__lead{max-width:34rem;margin:0 0 1.75rem;font-size:clamp(1.05rem,.95rem + .5vw,1.25rem);color:var(--muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem}.hero__actions .button{margin-top:0}.hero__note{display:flex;align-items:center;gap:.6rem;margin:0;font-size:.9rem;color:var(--muted)}.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);animation:pulse 2.4s ease-in-out infinite}.hero__scroll{position:absolute;left:50%;bottom:1.5rem;width:1.6rem;height:2.6rem;margin-left:-.8rem;border:2px solid var(--field-border);border-radius:1rem}.hero__scroll span{position:absolute;left:50%;top:.45rem;width:.25rem;height:.5rem;margin-left:-.125rem;border-radius:2px;background:var(--text);animation:wheel 1.8s ease-in-out infinite}.enter{opacity:0;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.enter--1{animation-delay:.05s}.enter--2{animation-delay:.2s}.enter--3{animation-delay:.35s}.enter--4{animation-delay:.5s}.stage{margin:0;height:clamp(22rem,44vw,34rem);perspective:1500px;perspective-origin:50% 35%;position:relative}.stage figcaption{position:absolute;left:0;right:0;bottom:-.25rem;text-align:center;font-size:.85rem;color:var(--muted)}.stack{--gap: 46px;position:absolute;inset:0 0 1.5rem;transform-style:preserve-3d;transform:rotateX(calc(58deg + var(--tilt-y))) rotate(calc(-34deg + var(--tilt-x) + var(--spin)));transition:transform .25s ease-out,--gap .7s cubic-bezier(.2,.7,.2,1)}.stage:hover .stack,.stage:focus-within .stack{--gap: 84px}.plate{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);translate:var(--x, 0px) var(--y, 0px);transform:translateZ(calc(var(--n) * (var(--gap) + var(--explode)) + var(--float)));transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:flex-end;gap:.15rem;padding:1rem 1.1rem;background:color-mix(in srgb,var(--card) 92%,var(--accent));border:1px solid var(--field-border);border-radius:18px;animation:float 7s ease-in-out infinite;animation-delay:calc(var(--n) * -1.4s)}.plate:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--line);transform:translateZ(-9px)}.plate__tag{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--link)}.plate__name{font-size:1.05rem;font-weight:700;color:var(--text)}.plate__meta{font-size:.7rem;color:var(--muted)}.plate--core{--w: 340px;--h: 340px;--n: 0;border-color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--card) 80%,var(--accent)),var(--card))}.plate--core .plate__name{font-size:1.5rem}.plate--a{--w: 170px;--h: 108px;--x: -74px;--y: -66px;--n: 1}.plate--b{--w: 190px;--h: 108px;--x: 62px;--y: -74px;--n: 2;border-color:var(--accent)}.plate--c{--w: 170px;--h: 108px;--x: -62px;--y: 70px;--n: 3}.plate--d{--w: 190px;--h: 108px;--x: 70px;--y: 62px;--n: 4}.section{padding:clamp(4rem,9vw,7rem) 0}.section--alt{background:var(--card);border-block:1px solid var(--line)}.eyebrow{margin:0 0 .75rem;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--link)}.section h2{margin:0 0 1rem;font-size:clamp(1.7rem,1.1rem + 2.2vw,2.8rem);font-weight:750;line-height:1.12;letter-spacing:-.025em}.section__lead{max-width:40rem;margin:0 0 clamp(2rem,5vw,3.5rem);font-size:1.1rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.feature{padding:1.6rem;background:var(--card);border:1px solid var(--line);border-radius:var(--one-radius-lg);transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s}.feature:hover{border-color:var(--accent);transform:perspective(900px) rotateX(3deg) translateY(-6px)}.feature h3{margin:1rem 0 .5rem;font-size:1.1rem}.feature p{margin:0;color:var(--muted)}.feature__icon{width:2.1rem;height:2.1rem;fill:none;stroke:var(--link);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.25rem;margin:0 0 2.5rem;padding:0;list-style:none;counter-reset:layer}.layer{position:relative;display:flex;gap:1rem;padding:1.4rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--one-radius-lg)}.layer:nth-child(2){border-color:var(--accent)}.layer__no{flex:none;font-size:1.6rem;font-weight:800;line-height:1;color:var(--link);font-variant-numeric:tabular-nums}.layer h3{margin:0 0 .35rem;font-size:1.05rem}.layer p{margin:0;font-size:.95rem;color:var(--muted)}.planned{padding:1.4rem;border:1px dashed var(--field-border);border-radius:var(--one-radius-lg)}.planned__title{margin:0 0 .9rem;font-weight:650}.planned__title span{margin-left:.5rem;font-weight:400;font-size:.85rem;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}.chips li{padding:.35rem .9rem;border:1px solid var(--field-border);border-radius:999px;font-size:.9rem;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem 2.5rem;margin:0;padding:0;list-style:none}.facts li{position:relative;padding:1rem 0 1rem 2rem;border-bottom:1px solid var(--line);color:var(--muted)}.facts li strong{color:var(--text)}.facts li:before{content:"";position:absolute;left:.2rem;top:1.45rem;width:.6rem;height:.6rem;border-radius:2px;background:var(--accent);transform:rotate(45deg)}.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.25rem}.deploy{padding:2rem;background:var(--bg);border:1px solid var(--line);border-radius:var(--one-radius-xl)}.deploy h3{margin:0 0 .6rem;font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1}.deploy h3 .accent{color:var(--link)}.deploy p{margin:0 0 1rem;color:var(--muted)}.deploy__state{display:inline-block;margin:0;padding:.3rem .85rem;border-radius:999px;font-size:.85rem;font-weight:600;background:var(--ok-bg);color:var(--ok-text)!important}.deploy__state--planned{background:transparent;border:1px dashed var(--field-border);color:var(--muted)!important}.cta{position:relative;overflow:clip;padding:clamp(4rem,9vw,7rem) 0;text-align:center}.cta:before{content:"";position:absolute;left:50%;top:50%;width:min(60rem,120vw);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 26%,transparent),transparent);filter:blur(30px)}.cta .wrap{position:relative}.cta h2{margin:0 0 .75rem;font-size:clamp(2rem,1.2rem + 3vw,3.4rem);font-weight:800;letter-spacing:-.03em}.cta p{margin:0 auto 1.5rem;max-width:32rem;color:var(--muted)}.cta__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.cta__actions .button{margin-top:0}.cta__small{font-size:.9rem}.site-footer--wide{margin:0;padding:2rem 1.5rem 2.5rem;border-top:1px solid var(--line)}.reveal{transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal:not(.is-visible){opacity:0;transform:translateY(30px)}.cards .reveal:nth-child(2),.layers .reveal:nth-child(2),.facts .reveal:nth-child(2),.duo .reveal:nth-child(2){transition-delay:.08s}.cards .reveal:nth-child(3),.layers .reveal:nth-child(3),.facts .reveal:nth-child(3){transition-delay:.16s}.cards .reveal:nth-child(4),.layers .reveal:nth-child(4),.facts .reveal:nth-child(4){transition-delay:.24s}.facts .reveal:nth-child(5){transition-delay:.32s}.facts .reveal:nth-child(6){transition-delay:.4s}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes draw{to{transform:scaleX(1)}}@keyframes float{0%,to{--float: 0px}50%{--float: 14px}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-6%,8%,0) scale(1.12)}}@keyframes pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}50%{box-shadow:0 0 0 .45rem transparent}}@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(.7rem);opacity:0}to{opacity:0}}@media(max-width:62rem){.hero__inner{grid-template-columns:minmax(0,1fr)}.stage{height:22rem;margin-top:3rem}.hero__scroll{display:none}}@media(max-width:40rem){.site-header__nav a:not(.button){display:none}.stage{height:16rem;margin-top:2.5rem}.stack{transform:scale(.6) rotateX(58deg) rotate(-34deg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.enter,.js .reveal:not(.is-visible){opacity:1!important;transform:none!important;animation:none!important}.mark:after{transform:scaleX(1);animation:none}.plate,.hero__glow,.dot,.hero__scroll span{animation:none!important}.stack{transition:none}}