.nav{inset:14px 24px auto;max-width:1320px;margin:0 auto;height:72px;padding:0 22px;border:1px solid var(--glass-edge);border-radius:25px;background:color-mix(in srgb,var(--cream) 82%,transparent);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 12px 45px -28px var(--glass-shadow),inset 0 1px 0 var(--glass-edge);transition:background .3s,box-shadow .3s}.nav.scrolled{background:color-mix(in srgb,var(--cream) 94%,transparent);box-shadow:0 15px 35px -25px var(--glass-shadow)}.nav .brand-mark{width:43px;height:43px}.nav .brand-name{font-size:29px}.nav>nav{gap:5px;align-items:center;padding:4px;border:1px solid var(--line);border-radius:30px;background:var(--surface-soft)}.nav>nav>a,.nav>nav>button{position:relative;min-height:36px;padding:8px 17px;border-radius:25px;font-size:12.5px;transition:background .2s,color .2s}.nav>nav>a:hover,.nav>nav>button:hover,.nav>nav>[aria-current=page],.nav>nav>[aria-expanded=true]{background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:0 2px 6px #00000005}.product-toggle{gap:9px}.product-toggle span{transition:rotate .25s}.product-toggle[aria-expanded=true] span{rotate:180deg}.nav .nav-actions{gap:14px}.nav .nav-cta{background:var(--ink);color:var(--cream);border:0;min-height:40px;padding:10px 17px}.product-menu{position:absolute;top:83px;left:22%;right:12%;padding:27px;background:var(--cream);border:1px solid var(--glass-edge);border-radius:27px;box-shadow:0 30px 80px -25px #06170f40;display:grid;grid-template-columns:.8fr 1.4fr;gap:28px;animation:menu-in .22s ease-out}.product-intro{padding:16px;border-radius:17px;background:var(--surface-soft)}.product-intro .eyebrow{font-size:12.5px;justify-content:flex-start}.product-intro .menu-title{font-family:var(--serif);font-weight:400;letter-spacing:-.047em;font-size:39px;margin:18px 0 24px;line-height:1}.product-intro>a{font-size:12.5px!important}.product-menu nav{display:grid!important;grid-template-columns:1fr;gap:5px!important}.product-menu nav>a{display:flex;align-items:center;gap:16px;padding:13px;border-radius:13px;transition:background .2s}.product-menu nav>a:hover{background:var(--surface-soft)}.product-menu nav>a>span{font-size:12.5px;color:var(--accent)}.product-menu nav>a>div{flex:1}.product-menu b{display:block;font-size:14px;font-weight:500}.product-menu small{display:block;font-size:12.5px;color:var(--muted);margin-top:7px}.sculpture-hero{position:relative;max-width:none;min-height:580px;padding-right:43%;display:flex;flex-direction:column;justify-content:center}.sculpture-hero>h1{font-size:clamp(56px,6vw,90px)}.hero-sculpture{position:absolute;right:-4%;top:95px;width:48%;height:450px;pointer-events:none;isolation:isolate}.hero-sculpture:before{content:'';position:absolute;inset:16% 8%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 13%,transparent),transparent 68%);z-index:-1}.hero-sculpture canvas{width:100%;height:100%;display:block}.sculpture-caption{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:12.5px;letter-spacing:.13em;color:var(--muted)}.account-layout .hero-sculpture{position:relative;inset:auto;width:100%;height:200px;margin-top:20px}.account-layout .sculpture-hero{padding:0;min-height:0}.account-layout .sculpture-caption{display:none}.motion-surface{position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .3s;isolation:isolate}.motion-surface:after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--shine-x,50%) var(--shine-y,0%),#ffffff26,transparent 62%);opacity:var(--shine,0);transition:opacity .5s}.motion-ready .reveal-item{opacity:0;translate:0 22px;transition:opacity .65s ease,translate .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal-item.seen{opacity:1;translate:0 0}.detail-page .page-atmosphere{transform:translate3d(var(--air-x,0px),var(--air-y,0px),0) scale(1.04)}.scene{backface-visibility:hidden}.scene:not(.active){pointer-events:none}@keyframes menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.nav>nav>a,.nav>nav>button{padding:8px 12px}.nav .nav-actions{gap:10px}.nav .signin{font-size:12.5px}.hero-sculpture{width:45%;right:-3%}.sculpture-hero{padding-right:40%}}
@media(max-width:960px){.nav{inset:12px 16px auto;height:66px;padding:0 16px}.nav>nav{display:none}.nav .menu-toggle{display:block}.product-menu{display:none!important}.sculpture-hero{padding-right:36%;min-height:510px}.hero-sculpture{height:350px;width:43%;top:120px}.sculpture-hero>h1{font-size:64px}}
@media(max-width:760px){.nav{inset:10px 12px auto;height:62px;border-radius:21px;padding:0 13px}.nav .brand-name{font-size:26px}.nav .brand-mark{width:37px;height:37px}.nav .nav-actions{gap:8px}.sculpture-hero{padding:125px 0 12px;min-height:0}.sculpture-hero>h1{font-size:57px}.hero-sculpture{position:relative;inset:auto;width:100%;height:270px;margin-top:12px}.sculpture-caption{bottom:5px;font-size:12.5px}.sculpture-hero>p{max-width:36ch}.account-layout .hero-sculpture{display:none}.page-hero{padding-top:125px}.product-menu{display:none}.intro{top:105px}.motion-surface{rotate:none}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal-item{opacity:1;translate:none;transition:none}.motion-surface{rotate:none}.product-menu{animation:none}.detail-page .page-atmosphere{transform:none}}
/* Ambient motion belongs to light and connections, never to body copy. */
.aura-one{animation:ambient-breathe 19s ease-in-out infinite alternate}.aura-two{animation:ambient-breathe 23s ease-in-out -8s infinite alternate-reverse}.connections path{stroke-dasharray:8 14;animation:connection-flow 24s linear infinite}.integration-lines{animation:connection-flow 28s linear infinite}.page-orbit{animation:orbit-breathe 24s ease-in-out infinite alternate}.orbit-secondary{animation:orbit-breathe 31s ease-in-out -12s infinite alternate-reverse}.page-atmosphere:after{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 70% 30%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 50%);animation:light-drift 22s ease-in-out infinite alternate;pointer-events:none}@keyframes ambient-breathe{from{transform:translate3d(0,0,0) scale(1);opacity:.17}to{transform:translate3d(-3vw,2vh,0) scale(1.12);opacity:.28}}@keyframes connection-flow{to{stroke-dashoffset:-220}}@keyframes orbit-breathe{from{transform:rotate(-24deg) translateY(0)}to{transform:rotate(-15deg) translateY(20px)}}@keyframes light-drift{from{transform:translate(-2%,0);opacity:.6}to{transform:translate(4%,5%);opacity:1}}@media(prefers-reduced-motion:reduce){.aura-one,.aura-two,.connections path,.integration-lines,.page-orbit,.page-atmosphere:after{animation:none}}
[hidden]{display:none!important}

/* Órbita v0.1: continuous material movement with a stable reading plane. */
.brand-mark{background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}.brand-mark:before,.brand-mark:after{display:none!important}.brand-mark img{width:52px!important;height:52px!important;object-fit:contain;filter:none!important}.module-orbit{width:min(330px,85%);margin:auto;transform:rotate(-8deg);filter:drop-shadow(0 24px 28px rgba(18,52,38,.12))}.module-orbit img{width:100%;height:auto}.catalog-note{max-width:670px;color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 30px}.integration-map .p4{top:70%;left:62%}.motion-surface{transition:box-shadow .4s ease,border-color .4s ease!important}.page-hero h1,.scene-copy h2{font-kerning:normal}.hero-sculpture{pointer-events:none}body[data-motion="paused"] *,body[data-motion="paused"] *:before,body[data-motion="paused"] *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

.module-orbit{width:min(280px,78%);transform:rotate(-16deg)}.brand-mark{margin-right:6px}.brand-mark img{transform:rotate(-16deg)}.sculpture-caption{bottom:0!important;letter-spacing:.12em!important}.hero-sculpture{padding-bottom:28px;box-sizing:border-box}

.brand-mark img{transform:none!important;width:58px!important;height:58px!important}.brand-mark{width:54px!important;height:54px!important}canvas[data-orbit-logo]{width:100%;height:100%;display:block}.orbit-fallback{width:100%;height:100%}.orbit-fallback img{width:100%;height:100%;object-fit:contain}.hero-sculpture:has([data-orbit-logo]){padding-bottom:0}.hero-sculpture:has([data-orbit-logo]) .sculpture-caption{bottom:12px!important}