:root{--bg:#070b17;--fg:#eef2fa;--muted:#b4bed6;--faint:#97a3bf;--line:#1c2645;--card:#141c33b8;--card-line:#243052;--link:#93c5fd;--blue:#60a5fa;--yellow:#ffc13b;--orange:#fb923c;--f-body:"IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--f-body);margin:0}a{color:var(--link)}a:hover{color:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.stage{min-height:100vh;position:relative;overflow:hidden}.wrap{flex-direction:column;gap:40px;max-width:1180px;min-height:100vh;margin:0 auto;padding:32px 24px 40px;display:flex;position:relative}.beam{transform-origin:50% 0;mix-blend-mode:screen;filter:blur(22px);pointer-events:none;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);width:560px;height:135%;position:absolute;top:-12%}.beam-l{background:linear-gradient(#93c5fd8c,#60a5fa1f 55%,#60a5fa00 80%);animation:11s ease-in-out infinite alternate sweep-l;left:calc(50% - 520px)}.beam-r{background:linear-gradient(#ffc13b6b,#ffc13b14 55%,#ffc13b00 80%);animation:13s ease-in-out -4s infinite alternate sweep-r;left:calc(50% + 40px)}.mote{pointer-events:none;background:#dbeafe;border-radius:50%;width:3px;height:3px;animation:linear infinite mote;position:absolute;box-shadow:0 0 8px 2px #93c5fd99}.curtain{background:var(--bg);pointer-events:none;animation:2.2s ease-out .2s forwards dim;position:absolute;inset:0}.rise{opacity:0;animation:.9s cubic-bezier(.2,.7,.2,1) forwards rise}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{color:var(--fg);align-items:center;gap:12px;font-size:21px;font-weight:500;text-decoration:none;display:flex}.brand:hover{color:var(--fg)}.brand-mark{width:40px;height:34px}.lang{border:1px solid #243052;border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:flex}.lang button{all:unset;cursor:pointer;font-family:var(--f-mono);color:var(--faint);border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:background .2s,color .2s}.lang button[aria-pressed=true]{background:var(--fg);color:#0a0f1e}.lang button:focus-visible{outline:2px solid var(--blue)}.hero{flex-wrap:wrap-reverse;flex-grow:1;align-items:center;gap:32px 56px;display:flex}.copy{flex-direction:column;flex:460px;gap:26px;min-width:0;display:flex}.eyebrow{font-family:var(--f-mono);color:var(--yellow);margin:0;font-size:14px}h1{margin:0;font-size:clamp(40px,5.4vw,66px);font-weight:600;line-height:1.06}.lead{color:var(--muted);margin:0;font-size:19px;line-height:1.65}.actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cta{background:var(--yellow);color:#0a0f1e;border-radius:10px;align-items:center;min-height:48px;padding:14px 24px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 0 32px #ffc13b59}.cta:hover{color:#0a0f1e;background:#ffd06b}.sibling{color:var(--fg);background:var(--card);border:1px solid var(--card-line);border-radius:18px;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 24px;text-decoration:none;display:flex}.sibling:hover{color:var(--fg);border-color:var(--blue)}.sibling-label{font-family:var(--f-mono);color:var(--orange);font-size:13px}.sibling-body{flex-direction:column;flex:260px;gap:4px;min-width:0;display:flex}.sibling-title{font-size:18px;font-weight:600}.sibling-text{color:var(--muted);font-size:15px;line-height:1.5}.sibling-go{color:var(--link);font-size:15px}.bird-col{perspective:1100px;flex-direction:column;flex:420px;align-items:center;gap:12px;min-width:0;display:flex;position:relative}.pool{filter:blur(6px);background:radial-gradient(closest-side,#60a5fa73,#60a5fa00);border-radius:50%;height:90px;animation:6s ease-in-out infinite pulse;position:absolute;bottom:4%;left:10%;right:10%}.bird-stage{width:100%;max-width:500px;margin:-4%;padding:4%;position:relative}.float{transform-style:preserve-3d;pointer-events:none;animation:7s ease-in-out 3.6s infinite float;position:relative}.tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.tilt.is-open{transition:transform .15s ease-out}.bird{filter:drop-shadow(0 0 22px #dbeafe40)drop-shadow(0 30px 42px #0000008c);width:100%;height:auto;overflow:visible}.facet{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.inner-light,.creases,.lens{opacity:0;transition:opacity .6s}.tilt[data-fx=unfold].is-open .facet{transform:translate(var(--dx), var(--dy))}.tilt[data-fx=unfold].is-open .inner-light{opacity:1}.tilt[data-fx=unfold].is-open .creases{opacity:.9;animation:1.8s linear infinite crease-trace}.tilt[data-fx=lens].is-open .lens{opacity:1}.foot{border-top:1px solid var(--line);color:var(--faint);flex-wrap:wrap;align-items:center;gap:24px;padding-top:22px;font-size:14px;display:flex}@keyframes sweep-l{0%{transform:rotate(-26deg)}to{transform:rotate(-6deg)}}@keyframes sweep-r{0%{transform:rotate(24deg)}to{transform:rotate(4deg)}}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mote{0%{opacity:0;transform:translate(0)}15%{opacity:.8}85%{opacity:.6}to{opacity:0;transform:translate(30px,-160px)}}@keyframes crease-trace{to{stroke-dashoffset:-24px}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dim{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.beam,.pool,.float{animation:none!important}.tilt,.facet{transition:none;transform:none!important}.inner-light,.creases{display:none}.rise{opacity:1;animation:none!important}.mote,.curtain{display:none}}
