:root{--bg: #050510;--blue: #4f7cff;--violet: #8b5cf6;--cyan: #6ee7ff;--starlight: #dfe9ff;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--starlight);font-family:var(--font-body);overflow-x:hidden}#webgl{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;z-index:0}#scroll-space{height:600vh;pointer-events:none}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg);display:grid;place-items:center;transition:opacity .9s ease,visibility .9s}#loader.done{opacity:0;visibility:hidden}.loader-inner{text-align:center}.loader-glyph{font-size:2rem;color:var(--blue);animation:pulse 1.6s ease-in-out infinite;margin-bottom:1.2rem}.loader-bar{width:220px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:0 auto 1rem}#loader-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--violet));transition:width .3s ease}.loader-inner p{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#dfe9ff80}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.brand{position:absolute;top:2rem;left:2.4rem;display:flex;align-items:baseline;gap:.6rem;font-family:var(--font-display)}.brand-mark{color:var(--blue);font-size:1.1rem}.brand-name{font-weight:700;letter-spacing:.35em;font-size:1rem}.brand-tag{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#dfe9ff73}.ui-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 6vw;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.ui-panel.is-visible{opacity:1;visibility:visible}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,7vw,6rem);line-height:1.04;letter-spacing:-.02em;text-shadow:0 0 60px rgba(79,124,255,.35)}.hero-title .grad{background:linear-gradient(100deg,var(--cyan) 0%,var(--blue) 45%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{margin-top:1.6rem;font-size:clamp(.8rem,1.4vw,1rem);letter-spacing:.3em;text-transform:uppercase;color:#dfe9ffa6;font-weight:300}.cert-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.4rem}.cert{font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;padding:.42rem .9rem;border-radius:999px;border:1px solid rgba(110,231,255,.35);color:#dfe9ffd9;background:#94a3ff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.scroll-hint{position:absolute;bottom:3rem;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#dfe9ff73;display:flex;flex-direction:column;align-items:center;gap:.8rem}.scroll-hint-line{width:1px;height:42px;background:linear-gradient(to bottom,transparent,var(--blue));animation:drop 2s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}60%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(1);opacity:0}}#ui-journey{justify-content:flex-start;padding-top:12vh}.kicker{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--cyan);margin-bottom:.8rem}#ui-journey h2,#ui-cta h2,#ui-historia h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;text-shadow:0 0 40px rgba(139,92,246,.4)}.journey-hint{margin-top:.9rem;font-size:.78rem;letter-spacing:.15em;color:#dfe9ff66}.glass-card{position:absolute;left:0;top:0;width:min(330px,82vw);padding:1.5rem 1.6rem;border-radius:20px;background:#94a3ff12;border:1px solid rgba(223,233,255,.16);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 24px 60px #0505108c,inset 0 1px #ffffff14;transform:translate(-50%,-105%) scale(.92);opacity:0;visibility:hidden;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.3,1),visibility .5s;pointer-events:none;text-align:left}.glass-card.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-105%) scale(1)}.card-tag{font-size:.62rem;letter-spacing:.35em;text-transform:uppercase;color:var(--cyan);margin-bottom:.7rem}.glass-card h3{font-family:var(--font-display);font-size:1.25rem;line-height:1.25;margin-bottom:.7rem}.glass-card p:not(.card-tag){font-size:.82rem;line-height:1.55;color:#dfe9ffb8;font-weight:300}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.chips span{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.3rem .65rem;border-radius:999px;border:1px solid rgba(110,231,255,.35);color:#6ee7ffe6}.historia-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:2rem;max-width:1040px;width:100%}.historia-list li{display:flex;flex-direction:column;gap:.45rem;padding:1.2rem 1.3rem;border-radius:18px;text-align:left;background:#94a3ff12;border:1px solid rgba(223,233,255,.16);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 18px 44px #05051073,inset 0 1px #ffffff12}.historia-list strong{font-family:var(--font-display);font-size:.98rem;color:var(--starlight)}.historia-list span{font-size:.76rem;line-height:1.5;font-weight:300;color:#dfe9ffa6}.privacy-note{margin-top:1.4rem;font-size:.68rem;letter-spacing:.14em;color:#dfe9ff6b;font-style:italic}#ui-cta{justify-content:flex-end;padding-bottom:9vh}.cta-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.6rem;pointer-events:auto}.cta-btn{display:flex;flex-direction:column;gap:.25rem;min-width:230px;padding:1.05rem 1.5rem;border-radius:16px;text-decoration:none;color:var(--starlight);background:#94a3ff12;border:1px solid rgba(223,233,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:transform .35s cubic-bezier(.2,.9,.3,1),border-color .35s,box-shadow .35s}.cta-btn strong{font-family:var(--font-display);font-size:1rem}.cta-btn small{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#dfe9ff80}.cta-btn:hover,.cta-btn.is-hot{transform:translateY(-4px);border-color:#6ee7ffa6;box-shadow:0 0 42px #4f7cff59}.drag-hint{margin-top:1.6rem;display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.68rem;letter-spacing:.25em;text-transform:uppercase;color:#dfe9ff66;transition:opacity .6s ease}.drag-hint-icon{font-size:.9rem;color:var(--cyan)}body.has-dragged .drag-hint{opacity:0}@media (max-width: 640px){.brand{left:1.4rem;top:1.4rem}#ui-journey{padding-top:9vh}.cta-btn{min-width:78vw;padding:.9rem 1.2rem}#ui-cta{padding-bottom:5vh}}@media (prefers-reduced-motion: reduce){.scroll-hint-line,.loader-glyph{animation:none}}