.hero-1{background:var(--dark-surface);color:var(--on-dark);position:relative;overflow:hidden}.hero-1:before{content:"";pointer-events:none;background:radial-gradient(60% 70% at 78% 38%,#e11d2a38,#0000 60%);position:absolute;inset:0}.hero-1 .h1grid{opacity:.5;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000,#0000 80%);mask-image:radial-gradient(120% 100% at 50% 0,#000,#0000 80%)}.h1-in{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:min(78vh,700px);padding-block:48px;display:grid;position:relative}.h1-copy{z-index:2;max-width:40ch;position:relative}.h1-copy h1{margin:0;font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1}.h1-copy h1 .ac{color:var(--accent)}.h1-copy .sub{color:#ffffffa8;max-width:42ch;margin:22px 0 30px;font-size:clamp(1.02rem,1.5vw,1.18rem)}.h1-search{max-width:520px;margin-bottom:22px}.h1-search .search input{color:#fff;background:#ffffff0d;box-shadow:inset 0 0 0 1.5px #fff3}.h1-search .search input:focus{box-shadow:inset 0 0 0 2.5px var(--accent)}.h1-search .search svg{stroke:var(--muted-2)}.h1-search .search .skbd{color:var(--muted-2);border-color:#ffffff2e}.h1-cta{flex-wrap:wrap;gap:12px;display:flex}.h1-stat{gap:34px;margin-top:28px;display:flex}.h1-stat .n{font-family:var(--font-display);font-size:1.9rem;font-weight:700}.h1-stat .l{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-top:2px;font-size:.7rem}.viewer{z-index:1;place-items:center;height:520px;display:grid;position:relative}.viewer .tag3d{z-index:5;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#fff9;border:1px solid #ffffff2e;align-items:center;gap:.5em;padding:.4em .7em;font-size:.66rem;display:flex;position:absolute;top:14px;right:14px}.viewer .tag3d .lv{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s step-end infinite blink}@keyframes blink{50%{opacity:.25}}.tt{aspect-ratio:1;place-items:center;width:min(86%,460px);display:grid;position:relative}.tt-floor{background:radial-gradient(closest-side,#ffffff14,#0000 72%);border:1px solid #ffffff12;border-radius:50%;width:78%;height:78%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.tt-ring{width:88%;height:88%;animation:spin calc(20s / var(--anim)) linear infinite;border:1px dashed #e11d2a8c;border-radius:50%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.tt-ring2{border:1px solid #ffffff1f;border-radius:50%;width:58%;height:58%;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:translate(-50%)rotate(360deg)}}.tt-glow{background:radial-gradient(closest-side,#e11d2a73,#0000 75%);border-radius:50%;width:46%;height:30%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.tt-prod{z-index:2;aspect-ratio:1;width:66%;animation:bob calc(4.5s / var(--anim)) ease-in-out infinite;position:relative}@keyframes bob{50%{transform:translateY(-14px)}}.tt-prod image-slot{filter:drop-shadow(0 24px 22px #0000008c);width:100%;height:100%}.trust{border-block:1px solid var(--line);background:var(--paper)}.trust .wrap{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.trust .ti{background:var(--paper);align-items:flex-start;gap:14px;padding:26px 22px;display:flex}.trust .ti svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.6px;flex:none;margin-top:2px}.trust .ti .tt2{font-family:var(--font-display);font-size:1rem;font-weight:600}.trust .ti .td{color:var(--muted);margin-top:3px;font-size:.86rem}@media (max-width:768px){.trust .wrap{grid-template-columns:1fr 1fr}}.catbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:30px;display:flex}.catbar .lbl{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-size:.72rem}.cotiza{background:var(--dark-surface);color:var(--on-dark);position:relative;overflow:hidden}.cotiza:before{content:"";background:radial-gradient(50% 120% at 85%,#e11d2a33,#0000 60%);position:absolute;inset:0}.cotiza-in{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:clamp(48px,7vw,90px);display:grid;position:relative}.cotiza h2{font-size:clamp(2rem,4vw,3.4rem)}.cotiza .ac{color:var(--accent)}.cotiza .sub{color:#ffffffa8;max-width:42ch;margin:18px 0 30px;font-size:1.08rem}.dropzone{text-align:center;background:#ffffff08;padding:38px 28px;transition:box-shadow .25s,background .25s;display:block;box-shadow:inset 0 0 0 1.5px #ffffff38}.dropzone:hover,.dropzone.drag{box-shadow:inset 0 0 0 1.5px var(--accent);background:#ffffff0f}.dropzone .up{border:1.5px solid var(--accent);place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.dropzone .up svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.7px}.dropzone .dzt{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.dropzone .dzs{color:var(--muted-2);margin-top:6px;font-size:.86rem}.dropzone .fmts{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.dropzone .fmt{font-family:var(--font-mono);letter-spacing:.06em;color:#ffffffb3;border:1px solid #ffffff2e;padding:.35em .7em;font-size:.68rem}.social-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.sg-item{aspect-ratio:1;background:var(--paper-2);position:relative;overflow:hidden}.sg-item image-slot,.sg-item .ph{width:100%;height:100%}.sg-item .ov{opacity:0;background:#1111118c;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.sg-item:hover .ov{opacity:1}.sg-item .ov svg{fill:#fff;width:24px;height:24px}.sg-tall{aspect-ratio:auto;grid-row:span 2}@media (max-width:768px){.social-grid{grid-template-columns:repeat(3,1fr)}.sg-tall{aspect-ratio:1;grid-row:span 1}}@media (max-width:920px){.h1-in,.cotiza-in{grid-template-columns:1fr;gap:30px}.viewer{order:-1;height:320px}.h1-in{min-height:0}.h1-copy h1{max-width:none}}@media (max-width:768px){.h1-stat{flex-wrap:wrap;gap:18px 22px}.h1-stat>div{flex:40%}.social-grid{gap:6px}}
