.intro-stage{--intro-duration:4.3s;background:#0a0c10;width:min(100vw,1120px);max-width:100vw;height:min(68vh,680px);min-height:520px;position:relative}.intro-sequence,.intro-ambient,.intro-grid,.intro-mark-stack,.intro-circuit-draw,.intro-isotype,.intro-wordmark,.intro-ready-line{position:absolute}.intro-sequence{animation:intro-exit var(--intro-duration) linear both;background:#0a0c10;place-items:center;display:grid;inset:0;overflow:hidden}.intro-ambient{opacity:0;animation:ambient-on var(--intro-duration) ease both;background:radial-gradient(circle at 50% 42%,#c97b872b,#0000 26%),radial-gradient(circle at 50% 52%,#d9dde31a,#0000 34%),#0a0c10;inset:-20%}.intro-grid{opacity:0;animation:grid-breathe var(--intro-duration) ease both;background-image:linear-gradient(#d9dde30b 1px,#0000 1px),linear-gradient(90deg,#d9dde309 1px,#0000 1px);background-size:64px 64px;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 40%,#0000 70%);mask-image:radial-gradient(circle,#000 0 40%,#0000 70%)}.intro-mark-stack{aspect-ratio:560/660;clip-path:inset(1px);isolation:isolate;width:min(34vw,250px);top:calc(50% - 235px);left:50%;overflow:hidden;transform:translate(-50%)}.intro-circuit-draw,.intro-isotype{width:100%;height:100%;inset:0}.intro-circuit-draw{filter:drop-shadow(0 0 18px #c97b876b)}.draw{stroke-dasharray:520;stroke-dashoffset:520px;animation:circuit-draw var(--intro-duration) cubic-bezier(.22, 1, .36, 1) both}.draw-top{animation-delay:0s}.draw-main{stroke-dasharray:980;stroke-dashoffset:980px;animation-delay:.16s}.draw-bottom{animation-delay:.26s}.node{opacity:0;transform-box:fill-box;transform-origin:50%;animation:node-ignite var(--intro-duration) ease both}.node-top{animation-delay:.39s}.node-center{animation-delay:.47s}.node-left{animation-delay:.56s}.node-bottom{animation-delay:.65s}.intro-isotype{opacity:0;animation:mark-form var(--intro-duration) cubic-bezier(.2, .8, .2, 1) both;transform:translateY(16px)scale(.94)}.intro-wordmark{text-align:center;width:min(92vw,720px);top:calc(50% + 105px);left:50%;transform:translate(-50%)}.intro-salva{color:#d9dde3b8;letter-spacing:.3em;text-indent:.3em;opacity:0;text-shadow:0 0 18px #d9dde30f;animation:wordmark-in var(--intro-duration) cubic-bezier(.2, .8, .2, 1) both;font-size:clamp(2.6rem,6.4vw,4.4rem);font-weight:800;line-height:1;position:relative;overflow:hidden;transform:translateY(18px)}.intro-systems-row{opacity:0;animation:systems-in var(--intro-duration) ease both;justify-content:center;align-items:center;gap:18px;margin-top:26px;display:flex;transform:translateY(12px)}.intro-systems-row span{background:#c97b87;border-radius:999px;width:42px;height:3px}.intro-systems-row small{color:#d9dde3c2;letter-spacing:.52em;text-indent:.52em;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;position:relative;overflow:hidden}.intro-byline{color:#d9dde380;letter-spacing:.34em;text-indent:.34em;opacity:0;animation:byline-in var(--intro-duration) ease both;margin-top:22px;font-size:clamp(.72rem,1.5vw,.9rem);font-weight:500;transform:translateY(10px)}@keyframes byline-in{0%,26%{opacity:0;transform:translateY(10px)}40%,88%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.intro-salva:after,.intro-systems-row small:after{content:attr(data-text);color:#0000;background:linear-gradient(105deg,#0000 0% 32%,#d9dde33d 38%,#f8f9faf5 44%,#fff 49%,#c97b87 53%,#f8f9faf5 58%,#0000 70% 100%) 145%/260% 100%;opacity:0;pointer-events:none;-webkit-background-clip:text;background-clip:text;animation:3.8s linear .25s both shiny-beam;position:absolute;inset:0}.intro-ready-line{opacity:0;width:min(240px,42vw);height:2px;animation:ready-pulse var(--intro-duration) ease both;background:linear-gradient(90deg,#0000,#c97b87,#0000);border-radius:999px;bottom:44px;left:50%;transform:translate(-50%)scaleX(.2)}@keyframes ambient-on{0%{opacity:0;transform:scale(1.08)}9%,89%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}@keyframes grid-breathe{0%,11%{opacity:0;transform:scale(1.04)}32%,86%{opacity:.55;transform:scale(1)}to{opacity:0}}@keyframes circuit-draw{0%,8%{stroke-dashoffset:980px;opacity:0}27%,31%{stroke-dashoffset:0;opacity:1}36%,to{stroke-dashoffset:0;opacity:0}}@keyframes node-ignite{0%,10%{opacity:0;transform:scale(.5)}23%,31%{opacity:1;transform:scale(1)}36%,to{opacity:0}}@keyframes mark-form{0%,30%{clip-path:inset(52% 0);opacity:0;transform:translateY(18px)scale(.94)}55%,89%{clip-path:inset(0);opacity:1;transform:translateY(0)scale(1)}to{clip-path:inset(0);opacity:0;transform:translateY(-4px)scale(.995)}}@keyframes wordmark-in{0%,8%{opacity:0;letter-spacing:.62em;transform:translateY(14px)}18%,89%{opacity:1;letter-spacing:.48em;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes systems-in{0%,10%{opacity:0;transform:translateY(10px)}20%,89%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes shiny-beam{0%{opacity:0;background-position:145%}8%,88%{opacity:1}to{opacity:0;background-position:-95%}}@keyframes ready-pulse{0%,80%{opacity:0;transform:translate(-50%)scaleX(.2)}84%,90%{opacity:.95;transform:translate(-50%)scaleX(1)}to{opacity:0;transform:translate(-50%)scaleX(.65)}}@keyframes intro-exit{0%,89%{opacity:1}to{opacity:0}}@media (max-width:760px){.intro-stage{height:68vh;min-height:560px}.intro-mark-stack{width:min(56vw,230px);top:calc(50% - 230px)}.intro-wordmark{width:94%;top:calc(50% + 90px)}.intro-salva{letter-spacing:.2em;text-indent:.2em;font-size:clamp(1.9rem,10.5vw,3.4rem)}.intro-systems-row small{letter-spacing:.34em;text-indent:.34em;font-size:1.1rem}.intro-byline{letter-spacing:.28em;text-indent:.28em;margin-top:18px;font-size:.72rem}}