/* Materia: exact brand pigments. All secondary tones use white or turquoise opacity on black. */
:root{--paper:#000000;--ink:#FFFFFF;--mint:#2DE8D5;--muted:#ffffffa6;--line:#ffffff24;--surface:linear-gradient(135deg,#ffffff1f,#ffffff08),#000;--raised:0 1px 1px #ffffff26,inset 0 1px 1px #ffffff47,inset 0 -1px 1px #000,0 8px 14px #0009,0 25px 35px #0006}
body{background:#000;color:#fff}body::before{opacity:.04;z-index:21;mix-blend-mode:screen}
.site-header{background:linear-gradient(#000,#000c,transparent)}
.wordmark>span:not(.wordmark-sub),.title-dot,.title-accent{color:var(--mint)}
.wordmark-sub{color:#ffffff80}nav{color:#ffffffb3}nav>a:hover{color:var(--mint)}
.nav-contact{border-color:#ffffff30;background:linear-gradient(160deg,#ffffff16,#ffffff05);box-shadow:inset 0 1px #ffffff17}
.nav-contact:hover{background:#ffffff12!important}
.tiny-dot{background:var(--mint);box-shadow:0 0 10px #2de8d552}.hero .eyebrow{color:#ffffff8c}
.hero{min-height:690px;gap:15px;padding-top:26px;padding-bottom:58px;position:relative}
h1{font-size:clamp(57px,6.15vw,91px);letter-spacing:-5.1px;position:relative}
.title-line{display:block;overflow:hidden;padding-bottom:.075em;margin-bottom:-.075em;white-space:nowrap}
.title-line>span{display:block;animation:title-enter .85s var(--ease) both}
.title-line:nth-child(2)>span{animation-delay:.12s}.title-line:nth-child(3)>span{animation-delay:.24s}
.hero-description{color:#ffffffa6}.hero-note{color:#ffffff73}.hero-note>span{background:var(--mint)}
.button-dark{background:var(--mint);color:#000;box-shadow:inset 0 1px #ffffff70,0 4px 0 #2de8d540,0 9px 30px #2de8d51a}
.button-arrow{border-color:#0003}.button:hover{box-shadow:inset 0 1px #ffffff80,0 4px 0 #2de8d54d,0 14px 35px #2de8d529!important}
.text-link{color:#ffffffb3;border-color:#ffffff40}
.hero-art{position:relative;margin-top:-15px;perspective:1000px}
.art-stage{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s var(--ease);width:100%;aspect-ratio:.94;transform-style:preserve-3d}
.sculpture-wrap{position:absolute;inset:-6% -6% 8%;pointer-events:none;z-index:-1;overflow:hidden}
#sculpture{display:block;width:100%;height:100%;position:relative}
.sculpture-fallback{position:absolute;width:62%;height:62%;top:12%;left:18%;border:45px solid var(--mint);border-radius:50%;box-shadow:inset 0 5px 18px #fff9,inset 4px -8px 22px #000,0 0 35px #2de8d521;transform:rotateX(20deg) rotateY(-25deg);opacity:.7}
.has-sculpture .sculpture-fallback{display:none}
.scene-index{position:absolute;left:10%;top:5%;font-size:8px;letter-spacing:2px;color:#ffffff59;transform:rotate(-9deg)}
.ambient-circle{border-color:#ffffff0f}.circle-outer{inset:9% 0 0;transform:rotateX(25deg)}.circle-inner{inset:20% 9% 9%;border-style:dashed;opacity:.5}
.scene-shadow{display:none}.connection-lines{opacity:.55}.line-shadow{stroke:#000}.line-base{stroke:#ffffff29;stroke-width:2}.line-active{stroke:var(--mint);stroke-width:2;stroke-dasharray:14 180;animation:line-flow 3s linear infinite}
.machine{left:33%;top:43%;width:58%;padding:5%;border-radius:22px;background:repeating-linear-gradient(105deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(140deg,#ffffff26,#ffffff08 38%,#ffffff12),#000;box-shadow:inset 0 1px 1px #ffffffad,inset 1px 0 1px #ffffff2e,inset -1px -1px #ffffff0d,1px 4px 0 #151515,3px 8px 0 #0b0b0b,0 20px 25px #000b,0 40px 70px #0008;z-index:2;animation:plate-float 7s ease-in-out infinite}
.machine::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 20%,#ffffff14 40%,transparent 60%);opacity:0;pointer-events:none;animation:surface-light 7s ease-in-out infinite}
.machine-top{margin-bottom:17px}.micro-label{color:#ffffff70}.machine-screw{background:#000;box-shadow:inset 1px 1px 2px #000,0 1px 1px #fff5}
.machine-label{color:#ffffffe0}.machine-status{color:var(--mint);background:#2de8d51a}
.switch-track{background:linear-gradient(160deg,#000,#ffffff0a);box-shadow:inset 3px 6px 8px #000,inset 0 1px #000,0 1px 1px #ffffff3b}
.switch-thumb{background:radial-gradient(ellipse at 30% 20%,#fff9,transparent 45%),repeating-conic-gradient(from 15deg,#fff1 0 .8deg,transparent .8deg 2deg),linear-gradient(140deg,#696969,#181818);box-shadow:inset 0 1px 2px #fff9,0 4px 9px #000,0 0 0 1px #000}
.switch-thumb svg{color:#fffc}.switch-off{color:#ffffff66}.switch-on{color:var(--mint)}
.machine-divider{background:#000;box-shadow:0 1px #ffffff1c}.machine-steps{color:#ffffff60}.machine-steps i{background:#ffffff30}
.machine-steps .is-done{color:#ffffffda}.machine-steps .is-done i{background:var(--mint);box-shadow:0 0 7px #2de8d570}
.machine-bottom{color:#ffffff4d;border-color:#ffffff15;margin-top:16px;padding-top:13px}
.floating-note{border-color:#ffffff38;background:linear-gradient(130deg,#ffffff21,#ffffff09),#000;box-shadow:inset 0 1px #ffffff57,1px 3px 0 #ffffff12,0 14px 30px #000a;animation:note-float 8s ease-in-out infinite}
.floating-note p{color:#ffffffc9}.note-in{top:17%;left:0;width:64%;animation-delay:-2s}.note-out{top:91%;left:24%;width:76%;animation-delay:-4s}
.note-icon{background:var(--surface);box-shadow:var(--raised)}.note-icon svg{color:var(--mint)}
.notification-dot{border-color:#000;background:var(--mint);box-shadow:0 0 10px #2de8d559}
.output-check svg{color:var(--mint)}
.small-disc{background:var(--surface);border:1px solid #ffffff24;box-shadow:var(--raised);animation:disc-float 5s ease-in-out infinite}
.disc-one{top:12%;right:3%}.disc-one svg{color:var(--mint)}.disc-two{top:58%;left:0;animation-delay:-2s}.disc-two span{background:var(--mint);box-shadow:0 0 12px #2de8d56b}
.art-caption{color:#ffffff80;justify-content:space-between;font-size:9px;margin-top:44px;gap:12px}
.motion-toggle{display:flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid #ffffff26;background:#ffffff09;color:#ffffff80;border-radius:20px;padding:7px 10px;font-size:9px;line-height:1.1}
.motion-toggle:hover{color:#fff;border-color:#ffffff59}
[data-stage]:not([data-stage="idle"]) .switch-thumb{transform:translateX(calc(48cqw - 85px));background:radial-gradient(ellipse at 25% 15%,#ffffffad,transparent 50%),var(--mint);box-shadow:inset 0 1px 2px #fff9,0 0 18px #2de8d538,0 3px 8px #000}
[data-stage]:not([data-stage="idle"]) .switch-thumb svg{color:#000}
[data-stage="done"] .output-icon{background:var(--mint)}[data-stage="done"] .output-icon svg{color:#000}
.intro-strip{border-color:#ffffff24;background:linear-gradient(90deg,transparent,#ffffff05,transparent)}
.intro-strip p{color:#ffffff66}.intro-strip p strong{color:#ffffffb3}.intro-strip>div{color:#ffffffa6}.intro-strip i{background:var(--mint)}.intro-strip>a{border-color:#ffffff38;color:var(--mint)}
.section-heading .eyebrow,.method .eyebrow{color:var(--mint)}h2 span{color:#ffffff73}
.heading-row>p{color:#ffffff8c}
.service-grid{gap:22px}.service-card{background:linear-gradient(150deg,#ffffff14,#ffffff04),#000;border:1px solid #ffffff1f;box-shadow:inset 0 1px 1px #ffffff36,0 12px 22px #000;border-radius:18px;position:relative}
.service-art{height:250px;background:radial-gradient(ellipse at 40% 35%,#ffffff09,transparent 65%),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 3px);border-bottom:1px solid #ffffff13}
.service-art::before{content:"";position:absolute;width:80%;height:80%;border:1px solid #ffffff09;border-radius:50%;transform:rotateX(55deg);box-shadow:0 0 0 18px #ffffff02,0 0 0 38px #ffffff02}
.service-content{padding:28px}.service-number{color:#ffffff66}.service-content>p{color:#ffffffa6}.service-content>a{color:#ffffffd1;border-color:#ffffff20}.service-content>a svg{color:var(--mint)}
.voice-console{background:repeating-linear-gradient(120deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(135deg,#ffffff1f,#ffffff08),#000;box-shadow:inset 0 1px #ffffff80,2px 5px #ffffff14,0 22px 25px #000a;animation:voice-hover 7s ease-in-out infinite}
.waveform i{background:linear-gradient(90deg,#ffffff60,#ffffffb3);box-shadow:inset 1px 0 #ffffff40}.waveform i:nth-child(5){background:var(--mint);box-shadow:0 0 15px #2de8d526}.voice-bottom{color:#ffffff73}.live-dot{background:var(--mint)}
.chat-bubble{background:linear-gradient(135deg,#ffffff24,#ffffff08),#000;box-shadow:inset 0 1px #ffffff5c,2px 5px #ffffff0f,0 10px 20px #0008;color:#ffffffe0}
.bubble-question>span{color:#ffffff59}.bubble-question{animation:message-question 8s var(--ease) infinite}.bubble-answer{background:linear-gradient(120deg,#ffffff29,transparent),#2de8d5;color:#000;animation:message-answer 8s var(--ease) infinite}.chat-tick{color:#0009}.chat-spark{background:#ffffff30}.typing-bubble{background:var(--surface);animation:message-typing 8s ease-in-out infinite}.typing-bubble i{background:var(--mint)}
.workflow-lines{stroke:#ffffff24;stroke-width:2}.workflow-art::after{content:"";position:absolute;left:25%;top:42%;width:7px;height:7px;background:var(--mint);box-shadow:0 0 12px var(--mint);border-radius:50%;offset-path:path('M0 0 H80 Q100 0 100 22 V53 Q100 70 122 70 H180');animation:workflow-signal 4s ease-in-out infinite;pointer-events:none}
.flow-node{background:linear-gradient(135deg,#ffffff2e,#ffffff08),#000;border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff66,2px 4px 0 #ffffff0d,0 15px 20px #0008}.flow-node svg{color:#ffffffad}.node-core svg{color:var(--mint)}.node-out{background:var(--mint)}.node-out svg{color:#000}.flow-label{color:#ffffff66}
.method{position:relative}.method h2 span{background:linear-gradient(100deg,#ffffff4d,var(--mint));background-clip:text;-webkit-background-clip:text;color:transparent}.method-intro>p:not(.eyebrow){color:#ffffffa6}.personal-signoff small{color:#ffffff70}.signature-mark{color:var(--mint);border-color:#ffffff24}
.step-number{color:var(--mint)}.method-list p{color:#ffffff94}.method-list article{border-color:#ffffff24}
.method-note{background:repeating-linear-gradient(115deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(135deg,#ffffff17,#ffffff06);border:1px solid #ffffff26;box-shadow:inset 0 1px #ffffff45,0 9px 18px #000}.note-star{color:var(--mint)}.method-note strong{color:#fff}
.contact{background:#000;color:#fff;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;isolation:isolate}
.contact::before{content:"";position:absolute;width:620px;height:620px;right:-90px;top:-100px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#ffffff15 0 1px,#0000 1px 8px);transform:rotateX(54deg) rotateZ(-25deg);opacity:.6;z-index:-1;animation:contact-rings 16s ease-in-out infinite}
.contact::after{border-color:#2de8d514;box-shadow:0 0 0 50px #2de8d505,0 0 0 100px #2de8d503;animation:contact-rings 19s ease-in-out infinite reverse}
.contact .eyebrow{color:#ffffff80}.contact h2>span{color:var(--mint)}.contact-bottom p{color:#ffffff9c}.contact-orb{background:radial-gradient(ellipse at 30% 10%,#ffffffa6,transparent 60%),var(--mint);box-shadow:inset 0 2px 3px #ffffff80,0 5px 0 #2de8d526,0 15px 40px #2de8d514}.contact-orb svg{color:#000}.email-link{border-color:#ffffff4d;color:#fff}
.footer-name span,.site-footer>a:last-child{color:#ffffff66}.site-footer>a:last-child span{color:var(--mint)}
[data-reveal]{transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease)}
.js-motion [data-reveal]:not(.is-visible){opacity:0;transform:translateY(32px) rotateX(3deg);filter:blur(4px)}
.is-visible{filter:blur(0)}
.motion-paused *,.motion-paused *::before,.motion-paused *::after,.hero-out .art-stage *,.hero-out .art-stage *::after{animation-play-state:paused!important}
.service-art:not(.is-animating)::after,.contact:not(.ornament-visible)::before,.contact:not(.ornament-visible)::after{animation-play-state:paused}
@keyframes title-enter{from{transform:translateY(110%);opacity:.2}to{transform:translateY(0);opacity:1}}
@keyframes plate-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes note-float{0%,100%{translate:0 0}50%{translate:0 8px}}
@keyframes disc-float{0%,100%{translate:0 0}50%{translate:0 -13px}}
@keyframes surface-light{0%,100%{opacity:0}45%,60%{opacity:1}}
@keyframes line-flow{to{stroke-dashoffset:-388}}
@keyframes voice-hover{0%,100%{translate:0 4px;rotate:-1deg}50%{translate:0 -5px;rotate:2deg}}
@keyframes message-question{0%,85%,100%{opacity:0;translate:0 8px}10%,75%{opacity:1;translate:0 0}}
@keyframes message-answer{0%,24%,90%,100%{opacity:0;translate:0 14px}36%,80%{opacity:1;translate:0 0}}
@keyframes message-typing{0%,12%,37%,100%{opacity:0}20%,27%{opacity:1}}
@keyframes workflow-signal{0%{offset-distance:0%;opacity:0}10%,85%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes contact-rings{0%,100%{translate:0 0;rotate:-5deg}50%{translate:0 -20px;rotate:7deg}}
@media(max-width:1150px){h1{font-size:64px;letter-spacing:-4px}.hero{min-height:620px}.machine{top:40%}.note-out{top:94%}[data-stage]:not([data-stage="idle"]) .switch-thumb{transform:translateX(calc(48cqw - 70px))}.art-caption{margin-top:62px;font-size:8px}.service-content{padding:23px}.service-art{height:215px}}
@media(max-width:900px){h1{font-size:51px;letter-spacing:-3px}.hero{min-height:580px}.machine{left:23%;top:43%;width:70%;padding:5%}.note-in{width:75%;left:-4%;top:14%}.note-out{width:85%;left:15%;top:110%}.art-stage{aspect-ratio:1}.sculpture-wrap{inset:-15% -8% 0}.art-caption{margin-top:105px;flex-wrap:wrap;justify-content:center}.scene-index{top:-1%;left:9%;font-size:6px}.machine .micro-label{font-size:5px}.floating-note p{font-size:7px}[data-stage]:not([data-stage="idle"]) .switch-thumb{transform:translateX(calc(60cqw - 60px))}.service-art{height:190px}.service-content{padding:19px}.motion-toggle{font-size:8px}}
@media(max-width:680px){h1{font-size:clamp(45px,10.8vw,69px);letter-spacing:-2.8px}.menu-toggle{border-color:#ffffff30;background:#ffffff09}.menu-toggle span{background:#fff}nav{background:linear-gradient(140deg,#171717,#050505);border-color:#ffffff38;box-shadow:inset 0 1px #ffffff36,0 20px 30px #000c}.hero{padding-top:42px;padding-bottom:29px;gap:23px;min-height:0}.hero-art{margin-top:7px;width:min(100%,430px)}.art-stage{aspect-ratio:.84}.sculpture-wrap{inset:-5% -4% 17%}.scene-index{left:9%;top:0;font-size:7px}.note-in{width:66%;left:2%;top:14%}.machine{left:29%;top:43%;width:66%;padding:5%;border-radius:20px}.machine-top .micro-label{font-size:5.5px}.note-out{width:76%;left:24%;top:93%}.floating-note p{font-size:8px}.note-icon{width:26px;height:26px}.disc-one{top:10%}.disc-two{left:0;top:68%}[data-stage]:not([data-stage="idle"]) .switch-thumb{transform:translateX(calc(56cqw - 64px))}.art-caption{margin-top:43px;gap:10px;justify-content:space-between;font-size:8px}.motion-toggle{font-size:8px;padding:7px 9px}.service-art{height:230px}.service-content{padding:26px}.intro-strip{margin-top:10px}.contact::before{right:-300px;top:0}.contact .eyebrow{font-size:7px}.contact h2{font-size:38px}}
@media(max-width:360px){h1{font-size:43px;letter-spacing:-2.6px}.floating-note p{font-size:7px}.machine .micro-label{font-size:5px}[data-stage]:not([data-stage="idle"]) .switch-thumb{transform:translateX(calc(56cqw - 57px))}.machine-bottom{font-size:4.5px}.art-caption{font-size:7px}.contact h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.title-line>span{transform:none;opacity:1}.js-motion [data-reveal]{filter:none!important}.bubble-question,.bubble-answer{opacity:1;translate:none}.typing-bubble{display:none}.art-stage{transform:none!important}}

/* Contenido y rutas de la versión completa. */
.brand-logo{display:flex;align-items:center;height:46px;max-width:190px}.brand-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metrics>div{padding:30px 20px 27px;border-right:1px solid var(--line)}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border-right:0}.metrics strong{display:block;color:var(--mint);font:500 clamp(31px,3.2vw,47px)/1 Manrope,sans-serif;letter-spacing:-2px}.metrics span{display:block;margin-top:11px;color:#ffffff94;font-size:11px}.demos{border-top:1px solid var(--line)}.demo-panel{min-height:160px;padding:30px 36px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:end;gap:15px;border:1px solid #ffffff2b;border-radius:18px;background:repeating-linear-gradient(115deg,#ffffff04 0 1px,transparent 1px 4px),radial-gradient(circle at 78% 35%,#2de8d526,transparent 22%),#000;box-shadow:inset 0 1px #ffffff3d,0 18px 34px #000}.demo-panel span{font-size:9px;letter-spacing:1.5px;color:#ffffff73}.demo-panel strong{font:500 clamp(27px,3vw,43px)/1.1 Manrope,sans-serif;letter-spacing:-2px}.demo-panel svg{width:42px;height:42px;align-self:end;color:var(--mint)}.faq{border-top:1px solid var(--line)}.faq-list{max-width:880px;margin-left:auto}.faq-list details{border-top:1px solid #ffffff26;padding:0}.faq-list details:last-child{border-bottom:1px solid #ffffff26}.faq-list summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;font:500 18px/1.35 Manrope,sans-serif;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:7px;top:18px;font-size:24px;color:var(--mint);font-weight:300}.faq-list details[open] summary::after{content:'−'}.faq-list p{max-width:730px;margin:0 0 23px;color:#ffffffa6;font-size:14px;line-height:1.8}.site-footer>a:nth-child(2){color:#ffffff66;font-size:10px}@media(max-width:680px){.brand-logo{max-width:150px;height:38px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div{padding:22px 14px;border-bottom:1px solid var(--line)}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-last-child(-n+2){border-bottom:0}.metrics>div:first-child{padding-left:0}.metrics strong{font-size:31px}.metrics span{font-size:10px}.demo-panel{min-height:145px;padding:24px;gap:13px}.demo-panel strong{font-size:29px}.demo-panel svg{width:31px;height:31px}.faq-list summary{font-size:16px;padding-block:19px}.faq-list p{font-size:13px}.site-footer{flex-wrap:wrap;padding-block:26px}.site-footer>a:nth-child(2){order:3}}
