.universe{--u-ease:cubic-bezier(.22,1,.36,1);--u-line:#f0eee81a;--u-muted:#a49f95;isolation:isolate;color:var(--paper);font-family:var(--font-sans);background:#070706;position:relative}.universe .chapter{background-color:#0000;position:relative}.universe :is(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:4px}.universe__label{letter-spacing:.26em;text-transform:uppercase;color:var(--u-muted);align-items:center;gap:12px;margin:0 0 2vh;font-size:10.5px;font-weight:700;display:flex}.universe__label span{color:var(--accent);font-variant-numeric:tabular-nums}.universe__label span:after{content:"";vertical-align:middle;background:var(--accent);width:28px;height:1px;margin-left:12px;display:inline-block}.showroom-hero{min-height:100svh;padding:calc(var(--header-h) + 2.4vh) 0 4vh;isolation:isolate;grid-template-rows:auto 1fr;display:grid;overflow:clip}.showroom-hero__head{z-index:3;width:min(var(--max), 100% - var(--gutter) * 2);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:2vh 6vw;margin-inline:auto;display:grid;position:relative}.showroom-hero__crumbs{letter-spacing:.24em;text-transform:uppercase;color:var(--u-muted);grid-column:1/-1;gap:10px;font-size:10.5px;font-weight:700;display:flex}.showroom-hero__crumbs a:hover{color:var(--paper)}.showroom-hero__crumbs span{color:var(--accent)}.showroom-hero__crumbs span:before{content:"/";color:var(--u-muted);margin-right:10px}.showroom-hero h1{letter-spacing:-.05em;margin:0;font-size:clamp(34px,3.6vw,62px);font-weight:760;line-height:.98}.showroom-hero h1 em{color:var(--accent);font-style:normal}.showroom-hero__head>p{max-width:44ch;color:var(--u-muted);justify-self:end;margin:0;font-size:14.5px;line-height:1.7}.showroom{--stage-h:clamp(280px, calc(100svh - var(--header-h) - 350px), 540px);--slot:min(380px, 62vw);--radius:calc(var(--slot) / (2 * tan(180deg / var(--n))) * 1.12);touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-rows:1fr auto;min-height:0;display:grid;position:relative}.showroom__light{z-index:-1;pointer-events:none;clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);filter:blur(18px);background:radial-gradient(30% 70% at 50% 0,#fff3e626,#0000 70%);width:min(1100px,90vw);height:118%;position:absolute;top:-28%;left:50%;translate:-50%}.showroom__floor{z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#ff4d0024,#ff4d0008 45%,#0000 70%);width:min(1200px,96vw);height:26%;position:absolute;bottom:17%;left:50%;translate:-50%}.showroom__floor:after{content:"";background:linear-gradient(90deg,#0000,#f0eee82e,#0000);height:1px;position:absolute;inset:46% 6% auto}.showroom__viewport{height:var(--stage-h);perspective:1900px;perspective-origin:50% 35%;place-items:center;display:grid;position:relative}.showroom__ring{width:var(--slot);height:100%;transform-style:preserve-3d;transform:translateZ(calc(var(--radius) * -1)) rotateY(var(--turn));transition:transform 1.25s var(--u-ease);position:relative}.showroom__slot{transform:rotateY(calc(var(--i) * var(--step))) translateZ(var(--radius));backface-visibility:hidden;cursor:pointer;opacity:.22;filter:brightness(.5)saturate(.5);transition:opacity .9s var(--u-ease), filter .9s var(--u-ease);place-items:center;display:grid;position:absolute;inset:0}.showroom__slot[data-near]{opacity:.6;filter:brightness(.7)saturate(.8)}.showroom__slot[data-active=true]{opacity:1;filter:none;cursor:default}.showroom__device{transition:scale 1s var(--u-ease)}.showroom__slot:not([data-active=true]) .showroom__device{scale:.8}.showroom__device{-webkit-box-reflect:below 16px linear-gradient(transparent 72%, #ffffff1f);background:#111;position:relative;overflow:hidden;box-shadow:0 50px 90px #000d,0 0 0 1px #f0eee81f}.showroom__device--phone{height:calc(var(--stage-h) - 40px);aspect-ratio:9/19.5;border:8px solid #1c1b18;border-radius:36px}.showroom__device--browser{width:min(540px, 68vw, calc((var(--stage-h) - 60px) * 1.45));aspect-ratio:16/11;border-radius:12px;grid-template-rows:auto 1fr;display:grid}.showroom__bar{background:#1a1917;border-bottom:1px solid #f0eee814;align-items:center;gap:6px;padding:9px 12px;display:flex}.showroom__bar i{background:#f0eee82e;border-radius:50%;width:8px;height:8px}.showroom__bar span{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;color:#8d897f;margin-left:10px;font-size:10px;overflow:hidden}.showroom__screen{height:100%;position:relative;overflow:hidden}.showroom__device--phone .showroom__screen{position:absolute;inset:0}.showroom__screen img{object-position:top center!important}.showroom__slot[data-active=true] .showroom__device{animation:6s ease-in-out infinite showroom-breathe}@keyframes showroom-breathe{50%{translate:0 -8px}}.showroom__caption{z-index:2;width:min(var(--max), 100% - var(--gutter) * 2);border-top:1px solid var(--u-line);grid-template-columns:110px minmax(0,1fr) auto;align-items:end;gap:3vw;margin:2vh auto 0;padding-top:1.8vh;display:grid;position:relative}.showroom__count{letter-spacing:.16em;color:var(--u-muted);font-variant-numeric:tabular-nums;margin:0;font-size:11px}.showroom__count b{letter-spacing:-.04em;color:var(--paper);font-size:30px;font-weight:700}.showroom__copy{animation:showroom-copy .7s var(--u-ease) both}.showroom__kind{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 .8vh;font-size:10.5px;font-weight:700}.showroom__copy h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,2.8vw,48px);font-weight:740;line-height:1}.showroom__copy h2 a:hover{color:var(--accent)}.showroom__text{max-width:56ch;color:var(--u-muted);margin:1vh 0 0;font-size:14px;line-height:1.6}.showroom__actions{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:2vh;display:flex}.showroom__actions .btn{padding:13px 22px;font-size:14px}.showroom__external{border-bottom:1px solid #f0eee855;align-items:center;gap:8px;padding:6px 0;font-size:13px;font-weight:600;display:inline-flex}.showroom__external:hover{color:var(--accent);border-color:var(--accent)}.showroom__nav{align-items:center;gap:14px;display:flex}.showroom__nav>button{width:46px;height:46px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #f0eee833;border-radius:50%;place-items:center;transition:background .3s,border-color .3s,color .3s;display:grid}.showroom__nav>button:hover{background:var(--accent);border-color:var(--accent)}.showroom__nav ol{gap:5px;margin:0;padding:0;list-style:none;display:flex}.showroom__nav ol button{cursor:pointer;background:0 0;border:0;width:18px;height:22px;padding:0;display:block}.showroom__nav ol button:before{content:"";background:#f0eee833;border-radius:2px;height:2px;transition:background .3s;display:block}.showroom__nav ol button[aria-current]:before{background:var(--accent)}@keyframes showroom-copy{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.universe-index{border-top:1px solid var(--u-line);padding:14vh 0 12vh}.universe-index__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:3vh 4vw;padding-bottom:3vh;display:flex}.universe-index__spec{color:var(--u-muted);flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.universe-index__spec b{letter-spacing:-.03em;color:var(--paper);margin-right:6px;font-size:22px;font-weight:700}.universe-filters{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.universe-filters a{border:1px solid var(--u-line);color:#d6d2c8;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:600;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.universe-filters a b{color:var(--u-muted);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.universe-filters a:hover{color:var(--paper);border-color:#f0eee855}.universe-filters a[aria-current=page]{background:var(--paper);border-color:var(--paper);color:#0a0a09}.universe-filters a[aria-current=page] b{color:var(--accent)}.pindex{position:relative}.pindex__switch{border:1px solid var(--u-line);border-radius:99px;gap:2px;margin:0 0 2vh;padding:3px;display:inline-flex}.pindex__switch button{color:var(--u-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:99px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:600;transition:background .3s,color .3s;display:inline-flex}.pindex__switch button[aria-pressed=true]{color:var(--paper);background:#f0eee81a}.pindex__list{border-top:1px solid var(--u-line);margin:0;padding:0;list-style:none}.pindex__list a{border-bottom:1px solid var(--u-line);transition:opacity .35s var(--u-ease), background .35s;grid-template-columns:44px minmax(0,2.4fr) minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr) 130px 22px;align-items:center;gap:2vw;padding:2.4vh 0;display:grid}.pindex__thumb{display:none}.pindex__n{color:var(--u-muted);font-variant-numeric:tabular-nums;font-size:11px}.pindex__title{min-width:0;transition:transform .5s var(--u-ease);gap:4px;display:grid}.pindex__title strong{letter-spacing:-.035em;font-size:clamp(20px,1.9vw,32px);font-weight:650;line-height:1.08}.pindex__title em{letter-spacing:.08em;text-transform:uppercase;color:#7f7b72;font-size:11px;font-style:normal}.pindex__kind,.pindex__sector,.pindex__place{color:var(--u-muted);font-size:12.5px}.pindex__kind{color:#d6d2c8}.pindex__status{letter-spacing:.06em;color:var(--u-muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.pindex__status:before{content:"";background:#f0eee840;border-radius:50%;width:6px;height:6px}.pindex__status[data-live]:before{background:#3ddc84;box-shadow:0 0 10px #3ddc84aa}.pindex__arrow{color:var(--u-muted);transition:transform .45s var(--u-ease), color .3s}.pindex__list:hover li:not([data-active]) a{opacity:.36}.pindex__list li[data-active] a{background:linear-gradient(90deg,#f0eee80a,#0000 70%)}.pindex__list li[data-active] .pindex__title{transform:translate(14px)}.pindex__list li[data-active] .pindex__arrow{color:var(--accent);transform:rotate(45deg)}.pindex__preview{z-index:30;aspect-ratio:16/11;pointer-events:none;opacity:0;width:360px;transition:opacity .3s var(--u-ease), width .45s var(--u-ease);will-change:transform;position:fixed;top:0;left:0}.pindex__preview[data-device=phone]{aspect-ratio:9/19;width:190px}.pindex__preview[data-on]{opacity:1}.pindex__frame{animation:pindex-pop .45s var(--u-ease);background:#111;border-radius:12px;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 80px #000c,0 0 0 1px #f0eee826}.pindex__preview[data-device=phone] .pindex__frame{border:6px solid #1c1b18;border-radius:26px}.pindex__frame img{object-position:top center!important}@keyframes pindex-pop{0%{clip-path:inset(12% round 16px);transform:scale(.9)}to{clip-path:inset(0);transform:none}}.universe-grid{margin-top:1vh}.universe-method{border-top:1px solid var(--u-line);background:radial-gradient(60% 50% at 85% 0,#ff4d0012,#0000 70%);padding:12vh 0}.universe-method__head{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:end;gap:1vh 6vw;display:grid}.universe-method__head .universe__label{grid-column:1/-1}.universe-method__head h2{letter-spacing:-.05em;margin:0;font-size:clamp(32px,3.4vw,58px);font-weight:760;line-height:1}.universe-method__head>p{max-width:50ch;color:var(--u-muted);margin:0;font-size:14.5px;line-height:1.7}.universe-method__steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:2vw;margin:8vh 0 0;padding:0;list-style:none;display:grid;position:relative}.universe-method__steps:before{content:"";background:linear-gradient(90deg,var(--accent),#f0eee826 70%);height:1px;position:absolute;top:14px;left:0;right:0}.universe-method__steps li{padding-top:44px;position:relative}.universe-method__steps li:before{content:"";border:1px solid var(--accent);background:#090908;border-radius:50%;width:11px;height:11px;position:absolute;top:9px;left:0}.universe-method__steps li:first-child:before{background:var(--accent);box-shadow:0 0 14px var(--accent)}.universe-method__steps span{letter-spacing:.2em;color:var(--accent);font-size:10.5px;font-weight:700}.universe-method__steps h3{letter-spacing:-.025em;margin:1.2vh 0;font-size:clamp(18px,1.5vw,24px);font-weight:680}.universe-method__steps p{color:var(--u-muted);margin:0;font-size:13px;line-height:1.65}.universe-stack{border-top:1px solid var(--u-line);padding:12vh 0;overflow:clip}.universe-stack__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:2vh 6vw;display:flex}.universe-stack__head h2{letter-spacing:-.05em;margin:0;font-size:clamp(32px,3.4vw,58px);font-weight:760;line-height:1}.universe-stack__head>p{max-width:46ch;color:var(--u-muted);margin:0;font-size:14.5px;line-height:1.7}.universe-stack__wall{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:6vh 0 0;padding:0;list-style:none;display:grid}.universe-stack__wall li{--mx:50%;--my:50%;border:1px solid var(--u-line);background:radial-gradient(260px circle at var(--mx) var(--my),#ff4d0024,transparent 60%),linear-gradient(160deg,#141412cc,#0c0c0bcc);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-height:150px;transition:border-color .4s, transform .6s var(--u-ease);border-radius:16px;align-content:start;gap:6px;padding:20px 18px;display:grid;position:relative;overflow:hidden}.universe-stack__wall li:hover{border-color:#ff4d0066;transform:translateY(-4px)}.universe-stack__wall li[data-core]:after{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;top:16px;right:16px}.universe-stack__logo{background:#f0eee80d;border:1px solid #f0eee814;border-radius:14px;place-items:center;width:58px;height:58px;margin-bottom:14px;display:grid}.universe-stack__logo svg{filter:drop-shadow(0 0 14px)}.universe-stack__logo b{color:var(--accent);font-size:18px}.universe-stack__wall strong{letter-spacing:-.02em;font-size:17px;font-weight:680}.universe-stack__wall em{color:var(--u-muted);font-size:11.5px;font-style:normal}.universe-stack__marquee{opacity:.9;width:max-content;margin-top:9vh;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.universe-stack__marquee ul{flex-shrink:0;align-items:center;gap:4.5vw;margin:0;padding:0 2.25vw;list-style:none;animation:44s linear infinite universe-marquee;display:flex}.universe-stack__marquee:hover ul{animation-play-state:paused}.universe-stack__marquee li{letter-spacing:-.05em;white-space:nowrap;align-items:center;gap:.35em;font-size:clamp(40px,5vw,86px);font-weight:780;line-height:1.25;display:inline-flex}.universe-stack__marquee li:nth-child(2n){color:#0000;-webkit-text-stroke:1px #f0eee870}.universe-stack__marquee li svg{flex-shrink:0;width:.8em;height:.8em}@keyframes universe-marquee{to{transform:translate(-100%)}}.universe-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.universe-backdrop canvas{width:100%;height:100%;position:absolute;inset:0}.universe-backdrop__aurora{filter:blur(90px);opacity:.5;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.universe-backdrop__aurora--a{background:radial-gradient(circle,#ff4d0033,#0000 65%);animation:34s ease-in-out infinite alternate universe-drift-a;top:-22vmax;left:-18vmax}.universe-backdrop__aurora--b{background:radial-gradient(circle,#ff8a3d24,#3a1d0f22 40%,#0000 68%);animation:46s ease-in-out infinite alternate universe-drift-b;bottom:-26vmax;right:-22vmax}.universe:after{content:"";z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}@keyframes universe-drift-a{to{transform:translate(38vw,30vh)scale(1.25)}}@keyframes universe-drift-b{to{transform:translate(-30vw,-34vh)scale(.85)}}.showroom__tilt{height:100%;transform-style:preserve-3d;transform:rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg));transition:transform .9s var(--u-ease);position:relative}.showroom__hud{--half:150px;pointer-events:none;position:absolute;inset:0}.showroom__hud[data-device=browser]{--half:min(300px, 36vw)}.showroom__callout{min-width:150px;animation:hud-in .8s var(--u-ease) both;gap:5px;padding:0 0 8px;display:grid;position:absolute}.showroom__callout span{letter-spacing:.24em;text-transform:uppercase;color:#8d897f;font-size:9.5px;font-weight:700}.showroom__callout strong{color:var(--paper);white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:620;display:flex}.showroom__callout strong i{background:#f0eee855;border-radius:50%;width:7px;height:7px}.showroom__callout strong i[data-live]{background:#3ddc84;box-shadow:0 0 10px #3ddc84}.showroom__callout:before{content:"";background:linear-gradient(90deg,#f0eee833,var(--accent));width:calc(100% + 60px);height:1px;transform-origin:var(--from,left);animation:hud-line .9s var(--u-ease) .15s both;position:absolute;bottom:0}.showroom__callout:after{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);animation:hud-in .6s var(--u-ease) .8s both;border-radius:50%;position:absolute;bottom:-3px}.showroom__callout[data-pos^=t]{top:16%}.showroom__callout[data-pos^=b]{bottom:22%}.showroom__callout[data-pos$=l]{right:calc(50% + var(--half) + 40px);text-align:right;justify-items:end}.showroom__callout[data-pos$=l]:before{right:-60px}.showroom__callout[data-pos$=l]:after{right:-63px}.showroom__callout[data-pos$=r]{left:calc(50% + var(--half) + 40px)}.showroom__callout[data-pos$=r]:before{--from:right;background:linear-gradient(270deg,#f0eee833,var(--accent));left:-60px}.showroom__callout[data-pos$=r]:after{left:-63px}.showroom__callout[data-pos=tr]{animation-delay:80ms}.showroom__callout[data-pos=bl]{animation-delay:.16s}.showroom__callout[data-pos=br]{animation-delay:.24s}.showroom__techs{flex-wrap:wrap}.showroom__techs em{color:var(--u-muted);font-size:11px;font-style:normal}.showroom__kind{align-items:center;gap:8px;display:flex}.showroom__external{gap:8px}@keyframes hud-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hud-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pindex__kind{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.pindex__techs{border-left:1px solid var(--u-line);gap:6px;padding-left:8px;display:inline-flex}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pindex__list li,.universe-method__steps li,.universe-method__head h2{animation:linear both universe-in;animation-timeline:view();animation-range:entry entry 70%}.showroom-hero .showroom{animation:linear both universe-out;animation-timeline:view();animation-range:exit 10% exit 90%}}}@keyframes universe-in{0%{opacity:.1;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes universe-out{to{opacity:.25;transform:scale(.94)translateY(-4vh)}}@media (max-width:1100px){.showroom__hud{display:none}.pindex__list a{grid-template-columns:40px minmax(0,2fr) minmax(0,1fr) 120px 22px}.pindex__sector,.pindex__place{display:none}.universe-method__steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:5vh}.universe-method__steps:before{display:none}}@media (hover:none),(pointer:coarse){.pindex__preview{display:none}.pindex__list a{grid-template-columns:32px 72px minmax(0,1fr) 22px;gap:14px}.pindex__thumb{aspect-ratio:4/3;border:1px solid var(--u-line);width:72px;color:var(--accent);background:#151513;border-radius:8px;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.pindex__thumb img{object-position:top center!important}.pindex__kind,.pindex__sector,.pindex__place,.pindex__status{display:none}.pindex__list:hover li:not([data-active]) a{opacity:1}}@media (max-width:760px){.showroom-hero__head{grid-template-columns:1fr}.showroom-hero__head>p{justify-self:start}.showroom{--slot:62vw;--stage-h:46svh}.showroom__viewport{perspective:1100px}.showroom__device--browser{width:80vw}.showroom__caption{grid-template-columns:1fr auto}.showroom__copy{grid-area:2/1/auto/-1}.showroom__text{display:none}.universe-method__head,.universe-method__steps{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.universe *,.universe :before,.universe :after{transition:none!important;animation:none!important}.showroom__tilt{transform:none}}