{"id":10127,"date":"2026-08-16T03:28:07","date_gmt":"2026-08-16T09:28:07","guid":{"rendered":"https:\/\/www.nebulae.cr\/loxone-automatizacion\/"},"modified":"2026-08-16T03:28:07","modified_gmt":"2026-08-16T09:28:07","slug":"loxone-automatizacion","status":"publish","type":"page","link":"https:\/\/www.nebulae.cr\/es\/loxone-automatizacion\/","title":{"rendered":"Loxone"},"content":{"rendered":"\n\n@import url(‘https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Inter:wght@400;500;600&family=Jost:wght@400;500;600&family=Urbanist:wght@500;600&display=swap’);\n.lox-page{\n \n –ink: #16140F;\n –ink-2: #26221A;\n –ink-soft: #4A443A;\n –cream: #F6F2E9;\n –cream-2: #EFE9DC;\n –cream-3: #E7DFCE;\n –sand: #DED6C5;\n –bronze: #A8753F;\n –bronze-2: #C08E55;\n –white: #FFFFFF;\n \n –bg: var(–cream);\n –text: var(–ink-2);\n –text-soft: #6B6355;\n –heading: var(–ink);\n –accent: var(–bronze);\n –line: rgba(22,20,15,.14);\n –line-dark: rgba(246,242,233,.16);\n –card-dark: #1E1A13;\n –text-on-dark: #EDE7DA;\n –soft-on-dark: #B5AC9B;\n \n –serif: \u00abCormorant Garamond\u00bb, Georgia, \u00abTimes New Roman\u00bb, serif;\n –sans: \u00abInter\u00bb, -apple-system, \u00abSegoe UI\u00bb, Roboto, \u00abHelvetica Neue\u00bb, sans-serif;\n –hero-sans: \u00abJost\u00bb, \u00abInter\u00bb, system-ui, -apple-system, \u00abSegoe UI\u00bb, Roboto, sans-serif;\n –nav-font: \u00abUrbanist\u00bb, \u00abInter\u00bb, system-ui, sans-serif;\n –header-h: 66px;\n –fs-h1: clamp(2.6rem, 6.2vw, 4.6rem);\n –fs-h2: clamp(2.2rem, 4.4vw, 3.45rem);\n –fs-h3: clamp(1.3rem, 2vw, 1.65rem);\n –fs-lead: clamp(1.05rem, 1.35vw, 1.19rem);\n –fs-body: 1.0625rem;\n \n –space-1: .5rem; –space-2: 1rem; –space-3: 1.5rem; –space-4: 2.5rem;\n –space-5: 4rem; –space-6: 6rem; –space-7: clamp(5rem, 10vw, 9rem);\n –container: 1160px;\n –radius: 4px;\n –radius-img: 3px;\n \n –ease: cubic-bezier(.22,.61,.2,1);\n –dur: .55s;\n –shadow-lift: 0 24px 60px -28px rgba(22,20,15,.45);\n}\n.lox-page,.lox-page *,.lox-page *::before,.lox-page *::after{box-sizing:border-box;margin:0;padding:0}\n@media (prefers-reduced-motion: reduce){.lox-page *,.lox-page *::before,.lox-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}\n}\n.lox-page{\n font-family:var(–sans);\n font-size:var(–fs-body);\n line-height:1.7;\n color:var(–text);\n background:var(–bg);\n -webkit-font-smoothing:antialiased;\n text-rendering:optimizeLegibility;\n overflow-x:clip;\n}\n.lox-page img{display:block;max-width:100%;height:auto}\n.lox-page a{color:inherit;text-decoration:none}\n.lox-page ul,.lox-page ol{list-style:none}\n.lox-page button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}\n.lox-page strong{font-weight:600}\n.lox-page em{font-style:italic}\n.lox-page ::selection{background:var(–bronze);color:var(–cream)}\n.lox-page .container{width:100%;max-width:var(–container);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}\n.lox-page .container-narrow{max-width:860px}\n.lox-page h1,.lox-page h2,.lox-page h3,.lox-page .final-title{font-family:var(–serif);color:var(–heading);font-weight:600;line-height:1.05;letter-spacing:-.01em}\n.lox-page h2{font-size:var(–fs-h2);margin-bottom:var(–space-3)}\n.lox-page h3{font-size:var(–fs-h3);line-height:1.15}\n.lox-page p{max-width:66ch}\n.lox-page .lead{font-size:var(–fs-lead);line-height:1.75;color:var(–text);margin-bottom:var(–space-3)}\n.lox-page .lead strong{color:var(–heading)}\n.lox-page .fine-note{font-size:.9rem;color:var(–text-soft);border-left:2px solid var(–bronze);padding-left:1rem;margin-top:var(–space-3)}\n.lox-page .eyebrow{\n display:flex;align-items:center;gap:.9rem;\n font-size:.75rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;\n color:var(–accent);margin-bottom:var(–space-3);\n}\n.lox-page .eyebrow .dash{display:inline-block;width:2.5rem;height:1px;background:var(–accent);opacity:.7;flex:none}\n.lox-page .eyebrow-light{color:var(–bronze-2)}\n.lox-page .btn{\n display:inline-flex;align-items:center;gap:.65rem;\n font-size:.8125rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;\n padding:1.05rem 2rem;border:1px solid transparent;border-radius:2px;\n background:var(–ink);color:var(–cream);\n transition:background .25s var(–ease),color .25s var(–ease),border-color .25s var(–ease),transform .25s var(–ease);\n cursor:pointer;white-space:nowrap;\n}\n.lox-page .btn .arrow{transition:transform .25s var(–ease);font-style:normal}\n.lox-page .btn:hover{background:var(–bronze);color:var(–white);transform:translateY(-1px)}\n.lox-page .btn:hover .arrow{transform:translateX(4px)}\n.lox-page .btn:focus-visible,.lox-page a:focus-visible,.lox-page button:focus-visible,.lox-page summary:focus-visible,.lox-page [tabindex]:focus-visible{outline:2px solid var(–bronze);outline-offset:3px}\n.lox-page .btn-light{background:var(–cream);color:var(–ink)}\n.lox-page .btn-light:hover{background:var(–bronze);color:var(–white)}\n.lox-page .btn-ghost{background:transparent;border-color:currentColor;color:inherit}\n.lox-page .btn-ghost:hover{background:var(–bronze);border-color:var(–bronze);color:var(–white)}\n.lox-page .btn-small{padding:.7rem 1.3rem;font-size:.72rem}\n.lox-page .side-dots{\n position:fixed;right:1.4rem;top:50%;transform:translateY(-50%);z-index:90;\n display:flex;flex-direction:column;gap:.9rem;\n}\n.lox-page .side-dots a{position:relative;width:9px;height:9px;border-radius:50%;background:rgba(22,20,15,.22);transition:background .25s,transform .25s;display:block}\n.lox-page .side-dots a span{\n position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);\n font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(–ink);\n background:var(–cream);padding:.25rem .6rem;border:1px solid var(–line);border-radius:2px;\n opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap;\n}\n.lox-page .side-dots a:hover span{opacity:1}\n.lox-page .side-dots a.active{background:var(–bronze);transform:scale(1.35)}\n.lox-page .on-dark-region .side-dots a{background:rgba(246,242,233,.3)}\n@media (max-width:1240px){.lox-page .side-dots{display:none}\n}\n.lox-page .section{padding-block:var(–space-7);position:relative}\n.lox-page .section-cream{background:var(–cream)}\n.lox-page .section-cream-2{background:var(–cream-2)}\n.lox-page .section-dark{background:var(–ink);color:var(–text-on-dark)}\n.lox-page .section-dark h2,.lox-page .section-dark h3{color:var(–cream)}\n.lox-page .section-dark .lead{color:var(–text-on-dark)}\n.lox-page .section-dark .lead strong{color:var(–white)}\n.lox-page .section-dark p{color:var(–text-on-dark)}\n.lox-page .section-head{max-width:760px;margin-bottom:var(–space-5)}\n.lox-page .chapter-anchor{position:absolute;top:-1px}\n.lox-page .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(–ease),transform .8s var(–ease);transition-delay:var(–rd,0s)}\n.lox-page .reveal.in{opacity:1;transform:none}\n@media (prefers-reduced-motion: reduce){.lox-page .reveal{opacity:1;transform:none}\n}\n.lox-page .hero{position:relative;min-height:calc(100svh – 91px);display:flex;align-items:flex-end;color:var(–cream);overflow:hidden}\n.lox-page .hero-media{position:absolute;inset:0;z-index:0;background:var(–ink)}\n.lox-page .hero-slide{\n position:absolute;inset:0;width:100%;height:100%;object-fit:cover;\n opacity:0;transition:opacity 1.8s ease;\n}\n.lox-page .hero-slide.is-active{opacity:1;animation:heroZoom 8.5s var(–ease) forwards}\n@keyframes heroZoom{from{transform:scale(1.07)}to{transform:scale(1.005)}}\n.lox-page .hero-veil{position:absolute;inset:0;background:\n linear-gradient(to top, rgba(12,10,7,.84) 0%, rgba(12,10,7,.38) 45%, rgba(12,10,7,.28) 100%);}\n.lox-page .hero-content{position:relative;z-index:1;padding-bottom:clamp(4.5rem,11vh,8rem);padding-top:5rem}\n.lox-page .hero-logo{height:clamp(30px,3.4vw,44px);width:auto;margin-bottom:1.1rem;filter:drop-shadow(0 2px 14px rgba(0,0,0,.45))}\n.lox-page .hero-title{\n font-family:var(–hero-sans);font-weight:600;letter-spacing:-.015em;line-height:1.05;\n font-size:var(–fs-h1);color:var(–white);max-width:21ch;margin-bottom:var(–space-3);text-wrap:balance;\n}\n.lox-page .hero-sub{font-family:var(–hero-sans);font-weight:400;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.65;max-width:56ch;color:rgba(246,242,233,.92);margin-bottom:var(–space-4)}\n.lox-page .hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:var(–space-4)}\n.lox-page .hero-badge{\n display:inline-flex;align-items:center;gap:.6rem;\n font-size:.78rem;font-weight:500;letter-spacing:.06em;color:rgba(246,242,233,.85);\n border:1px solid rgba(246,242,233,.3);border-radius:100px;padding:.55rem 1.1rem;\n transition:border-color .25s,color .25s,background .25s;\n}\n.lox-page .hero-badge svg{width:1.05rem;height:1.05rem;color:var(–bronze-2)}\n.lox-page .hero-badge:hover{border-color:var(–bronze-2);color:var(–white);background:rgba(168,117,63,.15)}\n.lox-page .dark-badge{color:var(–ink-soft);border-color:rgba(22,20,15,.25);margin-top:var(–space-3)}\n.lox-page .dark-badge svg{color:var(–bronze)}\n.lox-page .dark-badge:hover{color:var(–ink);background:rgba(168,117,63,.08);border-color:var(–bronze)}\n.lox-page .hero-line{opacity:0;transform:translateY(26px);animation:heroLine .9s var(–ease) forwards}\n.lox-page .hero-line:nth-child(1){animation-delay:.15s}\n.lox-page .hero-line:nth-child(2){animation-delay:.28s}\n.lox-page .hero-line:nth-child(3){animation-delay:.42s}\n.lox-page .hero-line:nth-child(4){animation-delay:.6s}\n.lox-page .hero-line:nth-child(5){animation-delay:.78s}\n.lox-page .hero-line:nth-child(6){animation-delay:.95s}\n@keyframes heroLine{to{opacity:1;transform:none}}\n@media (prefers-reduced-motion: reduce){.lox-page .hero-line{opacity:1;transform:none;animation:none}\n.lox-page .hero-slide{transition:none}\n.lox-page .hero-slide.is-active{animation:none;transform:none}\n}\n.lox-page .hero-dots{\n position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);z-index:2;\n display:flex;gap:.55rem;\n}\n.lox-page .hero-dots button{\n width:2.2rem;height:3px;border-radius:2px;background:rgba(246,242,233,.32);\n transition:background .3s;cursor:pointer;\n}\n.lox-page .hero-dots button.is-active{background:var(–bronze-2)}\n.lox-page .hero-dots button:hover{background:rgba(246,242,233,.65)}\n.lox-page .scroll-cue{\n position:absolute;bottom:2rem;right:clamp(1.5rem,4vw,3rem);z-index:2;\n display:flex;flex-direction:column;align-items:center;gap:.7rem;\n font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(246,242,233,.75);\n writing-mode:vertical-rl;\n}\n.lox-page .scroll-cue i{width:1px;height:56px;background:linear-gradient(to bottom,var(–bronze-2),transparent);display:block;animation:cuePulse 2.2s ease-in-out infinite}\n@keyframes cuePulse{0%,100%{opacity:.35}50%{opacity:1}}\n@media (max-width:560px){.lox-page .hero-dots{left:clamp(1.25rem,4vw,2.5rem);transform:none}\n}\n.lox-page .split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center}\n.lox-page .split-reverse{grid-template-columns:minmax(0,6fr) minmax(0,7fr)}\n.lox-page .split-reverse .split-text{order:2}\n.lox-page .split-reverse .split-media{order:1}\n.lox-page .split-media img{border-radius:var(–radius-img);width:100%;object-fit:cover;box-shadow:var(–shadow-lift)}\n.lox-page .split-media figcaption,.lox-page .photo-trio figcaption,.lox-page .mosaic figcaption,.lox-page .neb-track figcaption{\n font-size:.8rem;color:var(–text-soft);margin-top:.7rem;letter-spacing:.02em;\n}\n.lox-page .section-dark .split-media figcaption{color:var(–soft-on-dark)}\n.lox-page .split-media.stack{display:flex;flex-direction:column;gap:1.6rem}\n.lox-page .split-media.tall img{aspect-ratio:4\/4.4;object-fit:cover}\n@media (max-width:900px){.lox-page .split,.lox-page .split-reverse{grid-template-columns:1fr}\n.lox-page .split-reverse .split-text{order:1}\n.lox-page .split-reverse .split-media{order:2}\n}\n.lox-page .tick-list{display:flex;flex-direction:column;gap:.65rem;margin-block:var(–space-3)}\n.lox-page .tick-list li{position:relative;padding-left:1.7rem;line-height:1.6}\n.lox-page .tick-list li::before{\n content:\u00bb\u00bb;position:absolute;left:0;top:.52em;width:.85rem;height:.5rem;\n border-left:1.5px solid var(–bronze);border-bottom:1.5px solid var(–bronze);\n transform:rotate(-45deg);\n}\n.lox-page .section-dark .tick-list li::before{border-color:var(–bronze-2)}\n.lox-page .orbit-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:clamp(2rem,5vw,4rem);align-items:center;margin-block:var(–space-5) var(–space-4)}\n.lox-page .orbit-stage{position:relative;aspect-ratio:1;max-width:620px;margin-inline:auto;width:100%}\n.lox-page .orbit-ring{position:absolute;inset:9%;border:1px dashed rgba(246,242,233,.18);border-radius:50%}\n.lox-page .orbit-ring::after{content:\u00bb\u00bb;position:absolute;inset:18%;border:1px dashed rgba(246,242,233,.1);border-radius:50%}\n.lox-page .orbit-core{\n position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);\n width:33%;aspect-ratio:1;border-radius:50%;\n background:radial-gradient(circle at 35% 30%, #2A2317, var(–card-dark));\n border:1px solid rgba(192,142,85,.5);\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;\n text-align:center;padding:1rem;box-shadow:0 0 80px -18px rgba(168,117,63,.55);\n}\n.lox-page .orbit-core svg{width:2rem;height:2rem;color:var(–bronze-2)}\n.lox-page .orbit-core strong{font-family:var(–serif);font-size:clamp(1.05rem,1.8vw,1.4rem);color:var(–cream);font-weight:600}\n.lox-page .orbit-core span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(–soft-on-dark)}\n.lox-page .orbit-node{\n position:absolute;\n left:calc(50% + var(–x));top:calc(50% + var(–y));\n width:17%;aspect-ratio:1;border-radius:50%;\n background:var(–card-dark);border:1px solid var(–line-dark);\n display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;\n transform:translate(-50%,-50%);\n transition:border-color .25s,box-shadow .25s,background .25s,opacity .6s var(–ease),scale .25s;\n cursor:pointer;\n}\n.lox-page .orbit-node svg{width:38%;height:38%;color:var(–bronze-2);stroke-width:1.5}\n.lox-page .orbit-node em{font-style:normal;font-size:clamp(.5rem,.85vw,.66rem);letter-spacing:.06em;color:var(–soft-on-dark);text-transform:uppercase;text-align:center;line-height:1.1}\n.lox-page .orbit-node:hover,.lox-page .orbit-node.active{border-color:var(–bronze);background:#241E14;box-shadow:0 0 34px -8px rgba(168,117,63,.7);scale:1.06}\n.lox-page .orbit-caption{border-left:2px solid var(–bronze);padding-left:1.3rem;min-height:7.5rem}\n.lox-page .orbit-caption strong{font-family:var(–serif);font-size:1.35rem;color:var(–cream);display:block;margin-bottom:.4rem;font-weight:600}\n.lox-page .orbit-caption p{font-size:.95rem;color:var(–soft-on-dark);line-height:1.6}\n.lox-page .ecosystem-foot{border-top:1px solid var(–line-dark);padding-top:var(–space-3)}\n.lox-page .ecosystem-foot p{max-width:none;font-size:.95rem;color:var(–soft-on-dark)}\n.lox-page .ecosystem-foot em{color:var(–bronze-2)}\n@media (max-width:900px){.lox-page .orbit-wrap{grid-template-columns:1fr}\n.lox-page .orbit-caption{min-height:6rem}\n}\n.lox-page .scene-compare{margin-block:var(–space-4) var(–space-5)}\n.lox-page .scene-frame{\n position:relative;border-radius:var(–radius-img);overflow:hidden;\n aspect-ratio:16\/10.5;max-height:78vh;cursor:col-resize;user-select:none;touch-action:pan-y;\n box-shadow:var(–shadow-lift);\n}\n.lox-page .scene-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}\n.lox-page .scene-b-clip{position:absolute;inset:0;clip-path:inset(0 0 0 var(–cut,50%));will-change:clip-path}\n.lox-page .scene-handle{position:absolute;top:0;bottom:0;left:var(–cut,50%);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}\n.lox-page .scene-handle-bar{position:absolute;top:0;bottom:0;width:1px;background:rgba(246,242,233,.85);box-shadow:0 0 12px rgba(0,0,0,.5)}\n.lox-page .scene-handle-knob{\n position:relative;width:2.9rem;height:2.9rem;border-radius:50%;\n background:rgba(22,20,15,.65);backdrop-filter:blur(6px);\n border:1px solid rgba(246,242,233,.6);color:var(–cream);\n display:flex;align-items:center;justify-content:center;font-size:1rem;\n}\n.lox-page .scene-tag{\n position:absolute;bottom:1.1rem;\n font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;\n color:var(–cream);background:rgba(22,20,15,.55);backdrop-filter:blur(6px);\n padding:.45rem .9rem;border-radius:100px;border:1px solid rgba(246,242,233,.25);\n}\n.lox-page .scene-tag-a{left:1.1rem}\n.lox-page .scene-tag-b{right:1.1rem}\n.lox-page .scene-note{font-size:.85rem;color:var(–text-soft);margin-top:.9rem;max-width:60ch}\n.lox-page .feature-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3.5vw,3rem);margin-top:var(–space-4)}\n.lox-page .feature-col h3{padding-bottom:.7rem;border-bottom:1px solid var(–line);margin-bottom:.4rem}\n.lox-page .feature-duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,2.5rem)}\n.lox-page .feature-duo h3{color:var(–bronze-2);font-size:1.25rem;margin-bottom:.2rem}\n@media (max-width:900px){.lox-page .feature-columns{grid-template-columns:1fr}\n.lox-page .feature-duo{grid-template-columns:1fr}\n}\n.lox-page .photo-trio{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1.2rem;margin-block:var(–space-4)}\n.lox-page .photo-trio figure{overflow:hidden;border-radius:var(–radius-img)}\n.lox-page .photo-trio img{width:100%;height:100%;object-fit:cover;aspect-ratio:4\/3;transition:transform .8s var(–ease)}\n.lox-page .photo-trio figure:hover img{transform:scale(1.045)}\n.lox-page .photo-trio figure:first-child{grid-row:span 1}\n@media (max-width:900px){.lox-page .photo-trio{grid-template-columns:1fr 1fr}\n.lox-page .photo-trio figure:first-child{grid-column:span 2}\n}\n.lox-page .ai-section{overflow:hidden}\n.lox-page .ai-grid-bg{\n position:absolute;inset:0;opacity:.5;\n background-image:linear-gradient(rgba(246,242,233,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(246,242,233,.045) 1px,transparent 1px);\n background-size:56px 56px;\n mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 75%);\n}\n.lox-page .ai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;position:relative}\n.lox-page .ai-card{\n background:var(–card-dark);border:1px solid var(–line-dark);border-radius:var(–radius);\n padding:2rem 1.8rem;display:flex;flex-direction:column;gap:1rem;\n transition:border-color .3s,transform .3s var(–ease);\n}\n.lox-page .ai-card:hover{border-color:rgba(192,142,85,.55);transform:translateY(-4px)}\n.lox-page .ai-card h3{font-size:1.4rem}\n.lox-page .ai-card .tick-list{margin-block:0;gap:.55rem}\n.lox-page .ai-card .tick-list li{font-size:.93rem;color:var(–text-on-dark)}\n.lox-page .ai-status{\n align-self:flex-start;font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;\n padding:.4rem .85rem;border-radius:100px;border:1px solid;\n}\n.lox-page .ai-status-now{color:#9BC88C;border-color:rgba(155,200,140,.4);background:rgba(155,200,140,.08)}\n.lox-page .ai-status-possible{color:var(–bronze-2);border-color:rgba(192,142,85,.45);background:rgba(192,142,85,.08)}\n.lox-page .ai-status-future{color:#9DB4CB;border-color:rgba(157,180,203,.4);background:rgba(157,180,203,.08)}\n.lox-page .ai-note{font-size:.83rem;color:var(–soft-on-dark);border-top:1px solid var(–line-dark);padding-top:.9rem;margin-top:auto}\n@media (max-width:980px){.lox-page .ai-cards{grid-template-columns:1fr}\n}\n.lox-page .method-list{counter-reset:m;display:flex;flex-direction:column;margin-block:var(–space-3)}\n.lox-page .method-list li{\n display:grid;grid-template-columns:1fr;gap:.15rem;\n padding:1.05rem 0 1.05rem 3.2rem;position:relative;border-bottom:1px solid var(–line);\n}\n.lox-page .method-list li::before{\n counter-increment:m;content:\u00bb0″ counter(m);\n position:absolute;left:0;top:1.15rem;\n font-size:.72rem;font-weight:600;letter-spacing:.12em;color:var(–bronze);\n}\n.lox-page .method-list strong{font-family:var(–serif);font-size:1.3rem;font-weight:600;color:var(–ink)}\n.lox-page .method-list span{font-size:.92rem;color:var(–text-soft);line-height:1.55}\n.lox-page .versus{border:1px solid var(–line);border-radius:var(–radius);overflow:hidden;margin-bottom:var(–space-6);background:var(–cream)}\n.lox-page .versus-head,.lox-page .versus-row{display:grid;grid-template-columns:.9fr 1.5fr 1.5fr}\n.lox-page .versus-head{background:var(–ink);color:var(–cream)}\n.lox-page .versus-head span{padding:1.1rem 1.4rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}\n.lox-page .versus-head .versus-lox{color:var(–bronze-2)}\n.lox-page .versus-row{border-top:1px solid var(–line)}\n.lox-page .versus-row:nth-child(even){background:rgba(222,214,197,.25)}\n.lox-page .versus-row span{padding:1.05rem 1.4rem;font-size:.94rem;line-height:1.5}\n.lox-page .versus-row .versus-col-label{font-weight:600;color:var(–ink);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;align-self:center}\n.lox-page .versus-no{color:var(–text-soft);position:relative;padding-left:2.6rem!important}\n.lox-page .versus-no::before{content:\u00bb0d7″;position:absolute;left:1.3rem;color:#B0876B;font-size:1.05rem;line-height:1.4}\n.lox-page .versus-yes{color:var(–ink-2);position:relative;padding-left:2.6rem!important;font-weight:500}\n.lox-page .versus-yes::before{content:\u00bb\u00bb;position:absolute;left:1.25rem;top:1.55rem;width:.8rem;height:.45rem;border-left:1.5px solid var(–bronze);border-bottom:1.5px solid var(–bronze);transform:rotate(-45deg)}\n@media (max-width:820px){.lox-page .versus-head{display:none}\n.lox-page .versus-row{grid-template-columns:1fr}\n.lox-page .versus-row .versus-col-label{padding-bottom:0;color:var(–bronze)}\n.lox-page .versus-no{opacity:.85}\n.lox-page .versus-yes::before{top:1.5rem}\n}\n.lox-page .values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(–line);border-radius:var(–radius);overflow:hidden}\n.lox-page .value-item{padding:1.9rem 1.6rem;border-right:1px solid var(–line);border-bottom:1px solid var(–line);background:var(–cream);transition:background .3s}\n.lox-page .value-item:hover{background:rgba(222,214,197,.35)}\n.lox-page .value-item:nth-child(4n){border-right:0}\n.lox-page .value-item:nth-child(n+5){border-bottom:0}\n.lox-page .value-item span{font-size:.7rem;font-weight:600;letter-spacing:.14em;color:var(–bronze)}\n.lox-page .value-item h3{font-size:1.35rem;margin:.5rem 0 .5rem}\n.lox-page .value-item p{font-size:.88rem;color:var(–text-soft);line-height:1.6}\n@media (max-width:980px){.lox-page .values-grid{grid-template-columns:repeat(2,1fr)}\n.lox-page .value-item:nth-child(2n){border-right:0}\n.lox-page .value-item:nth-child(4n-1),.lox-page .value-item:nth-child(4n-3){border-right:1px solid var(–line)}\n.lox-page .value-item:nth-child(n+5){border-bottom:1px solid var(–line)}\n.lox-page .value-item:nth-child(n+7){border-bottom:0}\n}\n@media (max-width:560px){.lox-page .values-grid{grid-template-columns:1fr}\n.lox-page .value-item{border-right:0!important;border-bottom:1px solid var(–line)!important}\n.lox-page .value-item:last-child{border-bottom:0!important}\n}\n.lox-page .pull-quote{margin-top:var(–space-6);text-align:center}\n.lox-page .pull-quote p{\n font-family:var(–serif);font-size:clamp(1.6rem,3.2vw,2.5rem);font-weight:500;font-style:italic;\n color:var(–ink);line-height:1.3;max-width:26ch;margin-inline:auto;\n}\n.lox-page .pull-quote cite{display:block;margin-top:1.2rem;font-style:normal;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(–bronze)}\n.lox-page .nebulae-section{padding-bottom:var(–space-7)}\n.lox-page .neb-carousel{position:relative;margin-block:var(–space-4)}\n.lox-page .neb-track{\n display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;\n padding-inline:max(calc((100vw – var(–container)) \/ 2 + 1.25rem), 1.25rem);\n scrollbar-width:none;\n}\n.lox-page .neb-track::-webkit-scrollbar{display:none}\n.lox-page .neb-track figure{flex:0 0 auto;scroll-snap-align:center;width:min(72vw,760px)}\n.lox-page .neb-track figure:nth-child(2n){width:min(46vw,420px)}\n.lox-page .neb-track img{height:min(56vh,520px);width:100%;object-fit:cover;border-radius:var(–radius-img)}\n.lox-page .neb-track figcaption{color:var(–soft-on-dark)}\n.lox-page .neb-controls{display:flex;align-items:center;gap:1.1rem;justify-content:center;margin-top:1.6rem}\n.lox-page .neb-btn{\n width:3rem;height:3rem;border-radius:50%;border:1px solid var(–line-dark);color:var(–cream);\n display:flex;align-items:center;justify-content:center;font-size:1.05rem;\n transition:background .25s,border-color .25s,transform .25s;\n}\n.lox-page .neb-btn:hover{background:var(–bronze);border-color:var(–bronze);transform:translateY(-1px)}\n.lox-page .neb-count{font-size:.75rem;letter-spacing:.2em;color:var(–soft-on-dark)}\n.lox-page .neb-experience{text-align:center;max-width:820px;margin-inline:auto}\n.lox-page .neb-lead{font-family:var(–serif);font-size:1.5rem;color:var(–cream);margin-bottom:1.2rem}\n.lox-page .neb-tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:var(–space-4)}\n.lox-page .neb-tags li{\n font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(–text-on-dark);\n border:1px solid var(–line-dark);border-radius:100px;padding:.5rem 1rem;\n transition:border-color .25s,color .25s;\n}\n.lox-page .neb-tags li:hover{border-color:var(–bronze);color:var(–bronze-2)}\n.lox-page .neb-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}\n.lox-page .neb-tagline{margin:1.6rem auto 0;font-style:italic;font-family:var(–serif);font-size:1.15rem;color:var(–soft-on-dark)}\n.lox-page .projects-quote{margin-block:0 var(–space-5)}\n.lox-page .projects-quote p{font-size:clamp(1.4rem,2.6vw,2rem)}\n.lox-page .show-gallery{position:relative}\n.lox-page .show-stage{\n position:relative;aspect-ratio:16\/9.4;max-height:80vh;width:100%;\n border-radius:var(–radius-img);overflow:hidden;background:var(–ink);\n box-shadow:var(–shadow-lift);\n}\n.lox-page .show-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .85s var(–ease);pointer-events:none}\n.lox-page .show-slide.is-active{opacity:1;pointer-events:auto}\n.lox-page .show-slide img{width:100%;height:100%;object-fit:cover}\n.lox-page .show-slide figcaption{\n position:absolute;left:0;right:0;bottom:0;margin:0;\n padding:2.4rem 1.6rem 1.3rem;color:rgba(246,242,233,.95);font-size:.85rem;letter-spacing:.04em;\n background:linear-gradient(to top, rgba(12,10,7,.72), transparent);\n}\n.lox-page .show-btn{\n position:absolute;top:50%;transform:translateY(-50%);z-index:3;\n width:3rem;height:3rem;border-radius:50%;\n background:rgba(22,20,15,.55);backdrop-filter:blur(6px);\n border:1px solid rgba(246,242,233,.35);color:var(–cream);\n display:flex;align-items:center;justify-content:center;font-size:1.05rem;\n transition:background .25s,border-color .25s;\n}\n.lox-page .show-btn:hover{background:var(–bronze);border-color:var(–bronze)}\n.lox-page .show-prev{left:1.1rem}\n.lox-page .show-next{right:1.1rem}\n.lox-page .show-count{\n position:absolute;top:1.05rem;right:1.2rem;z-index:3;\n font-size:.72rem;letter-spacing:.2em;color:rgba(246,242,233,.9);\n background:rgba(22,20,15,.5);backdrop-filter:blur(6px);\n padding:.4rem .8rem;border-radius:100px;border:1px solid rgba(246,242,233,.25);\n}\n@media (max-width:560px){.lox-page .show-stage{aspect-ratio:4\/4.4}\n.lox-page .show-btn{width:2.6rem;height:2.6rem}\n}\n.lox-page .faq-list{display:flex;flex-direction:column;border-top:1px solid var(–line)}\n.lox-page .faq-list details{border-bottom:1px solid var(–line)}\n.lox-page .faq-list summary{\n list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;\n padding:1.35rem .2rem;cursor:pointer;\n font-family:var(–serif);font-size:clamp(1.15rem,1.9vw,1.42rem);font-weight:600;color:var(–ink);\n transition:color .25s;\n}\n.lox-page .faq-list summary::-webkit-details-marker{display:none}\n.lox-page .faq-list summary:hover{color:var(–bronze)}\n.lox-page .faq-list summary i{\n flex:none;width:2.2rem;height:2.2rem;border:1px solid var(–line);border-radius:50%;position:relative;\n transition:transform .35s var(–ease),border-color .25s;\n}\n.lox-page .faq-list summary i::before,.lox-page .faq-list summary i::after{\n content:\u00bb\u00bb;position:absolute;left:50%;top:50%;background:var(–bronze);transform:translate(-50%,-50%);\n}\n.lox-page .faq-list summary i::before{width:.85rem;height:1.5px}\n.lox-page .faq-list summary i::after{width:1.5px;height:.85rem;transition:opacity .25s}\n.lox-page .faq-list details[open] summary i{transform:rotate(45deg);border-color:var(–bronze)}\n.lox-page .faq-body{overflow:hidden}\n.lox-page .faq-body p{padding:0 .2rem 1.5rem;color:var(–text);max-width:64ch}\n.lox-page .faq-body a{color:var(–bronze);border-bottom:1px solid rgba(168,117,63,.4);transition:border-color .2s}\n.lox-page .faq-body a:hover{border-bottom-color:var(–bronze)}\n.lox-page .final-cta{position:relative;min-height:88svh;display:flex;align-items:center;color:var(–cream);overflow:hidden}\n.lox-page .final-media{position:absolute;inset:0}\n.lox-page .final-media img{width:100%;height:100%;object-fit:cover}\n.lox-page .final-media .hero-veil{background:linear-gradient(to top, rgba(12,10,7,.92) 8%, rgba(12,10,7,.68) 55%, rgba(12,10,7,.55) 100%)}\n.lox-page .final-content{position:relative;z-index:1;text-align:center;padding-block:var(–space-7)}\n.lox-page .final-content .eyebrow{justify-content:center}\n.lox-page .final-title{font-size:clamp(1.9rem,4.2vw,3.3rem);color:var(–white);max-width:24ch;margin-inline:auto;margin-bottom:var(–space-4);text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.55)}\n.lox-page .final-title em{color:var(–bronze-2)}\n.lox-page .final-actions{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center}\n@media (max-width:560px){.lox-page .hero-actions .btn,.lox-page .final-actions .btn,.lox-page .neb-cta .btn{width:100%;justify-content:center}\n.lox-page .scene-frame{aspect-ratio:4\/4.6}\n.lox-page .scene-tag{bottom:.7rem;font-size:.6rem}\n.lox-page .stat-band{grid-template-columns:1fr 1fr}\n.lox-page .header-cta{padding:.55rem .85rem;font-size:.62rem}\n.lox-page .header-cta .arrow{display:none}\n.lox-page .brand{font-size:1.15rem}\n}\n.lox-page .lox-panel{\n background:#FFFFFF;border:1px solid var(–line);border-radius:var(–radius);\n padding:clamp(1.1rem,2vw,1.8rem);box-shadow:0 18px 44px -30px rgba(22,20,15,.35);\n}\n.lox-page .lox-panel img{width:100%;height:auto;object-fit:contain;border-radius:2px}\n.lox-page .lox-panel figcaption{font-size:.8rem;color:var(–text-soft);margin-top:.9rem;letter-spacing:.02em}\n.lox-page .lox-panel-photo{max-width:400px}\n.lox-page .lox-panel-photo img{border-radius:var(–radius-img)}\n.lox-page .lox-panel-big{max-width:520px;justify-self:center}\n.lox-page .lox-panel-big img{border-radius:var(–radius-img)}\n.lox-page .split-media.portrait{max-width:470px;justify-self:center}\n.lox-page .split-media.portrait img{aspect-ratio:9\/16;object-fit:cover;width:100%}\n.lox-page .lox-panel-app{max-width:420px;justify-self:center}\n.lox-page .control-row{margin-top:var(–space-5);align-items:center}\n.lox-page .control-h{font-size:clamp(1.5rem,2.4vw,1.95rem);margin-bottom:1rem}\n.lox-page .control-h::before{content:\u00bb\u00bb;display:block;width:2.6rem;height:2px;background:var(–bronze);margin-bottom:1.1rem}\n.lox-page .platform-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}\n.lox-page .platform-chips li{\n font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;\n color:var(–ink-soft);border:1px solid var(–line);border-radius:100px;padding:.45rem .95rem;\n background:rgba(255,255,255,.6);\n}\n\n.lox-page section[id]{scroll-margin-top:80px}\n\n\n
\n