@layer theme,base;@layer components{html:has(.landing){scroll-behavior:smooth;scroll-padding-top:5rem}body:has(.landing){background:var(--color-paper)}.landing{color:var(--color-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400}.landing ::selection{background:var(--color-brand);color:#fff}.landing :focus-visible{outline:3px solid var(--color-brand);outline-offset:3px;border-radius:8px}.landing .wrap{width:100%;max-width:76rem;margin-inline:auto;padding-inline:1.5rem}@media (width>=768px){.landing .wrap{padding-inline:2.5rem}}.landing .dot,.landing .dot-light{font-style:normal}.landing .dot{color:var(--color-dot)}.landing .dot-light{color:var(--color-dot-light)}.landing .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand);align-items:center;gap:.6rem;font-size:.78rem;font-weight:700;display:inline-flex}.landing .eyebrow:before{content:"";background:var(--color-dot);border-radius:50%;width:.55rem;height:.55rem}.landing .eyebrow-light{color:var(--color-brand-light)}.landing .eyebrow-light:before{background:var(--color-dot-light)}.landing .bullet{align-items:flex-start;gap:.75rem;display:flex}.landing .bullet:before{content:"";background:var(--accent,var(--color-dot));border-radius:50%;flex:none;width:.5rem;height:.5rem;margin-top:.55em}.landing .pulse-dot{background:var(--color-dot);border-radius:50%;width:.6rem;height:.6rem;animation:2.2s ease-out infinite landing-pulse;display:inline-block;position:relative}@keyframes landing-pulse{0%{box-shadow:0 0 #3b82f673}70%,to{box-shadow:0 0 0 .6rem #3b82f600}}.landing .btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.6rem;font-size:1rem;font-weight:700;line-height:1;transition:transform .25s cubic-bezier(.2,.7,.2,1),background-color .2s,box-shadow .25s,border-color .2s,color .2s;display:inline-flex}.landing .btn svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}.landing .btn:hover svg{transform:translate(3px)}.landing .btn-primary{background:var(--color-brand);color:#fff}.landing .btn-primary:hover{background:var(--color-brand-deep);transform:translateY(-2px);box-shadow:0 12px 24px -10px #1e3a8a99}.landing .btn-ghost{border:2px solid #0f172a24;padding:calc(.95rem - 2px) calc(1.6rem - 2px)}.landing .btn-ghost:hover{border-color:var(--color-ink);transform:translateY(-2px)}.landing .btn-light{color:var(--color-brand);background:#fff}.landing .btn-light:hover{transform:translateY(-2px);box-shadow:0 14px 30px -12px #00000073}.landing .btn-sm{padding:.7rem 1.15rem;font-size:.9rem}.landing [data-header]{border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s}.landing [data-header][data-scrolled],.landing [data-header][data-open]{-webkit-backdrop-filter:blur(14px);background:#f7f9fcf0;border-bottom-color:#0f172a14}.landing .nav-link{padding-block:.4rem;position:relative}.landing .nav-link:after{content:"";background:var(--color-dot);border-radius:50%;width:.4rem;height:.4rem;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-.2rem;left:50%;transform:translate(-50%)scale(0)}.landing .nav-link:hover:after{transform:translate(-50%)scale(1)}.landing .lang{background:#0f172a12;border-radius:999px;padding:.2rem;font-size:.8rem;font-weight:700;display:inline-flex}.landing .lang button{color:var(--color-ink-soft);border-radius:999px;padding:.4rem .8rem;transition:background-color .2s,color .2s}.landing .lang button[aria-pressed=true]{background:var(--color-ink);color:#fff}.landing .menu-btn{background:#0f172a12;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;transition:background-color .2s;display:inline-grid}.landing .menu-btn:hover{background:#0f172a1f}.landing .menu-icon{width:1.1rem;height:.8rem;position:relative}.landing .menu-icon i{background:var(--color-ink);border-radius:2px;height:2px;transition:top .3s cubic-bezier(.2,.7,.2,1),transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;left:0;right:0}.landing .menu-icon i:first-child{top:0}.landing .menu-icon i:last-child{top:calc(100% - 2px)}.landing [data-open] .menu-icon i:first-child{top:calc(50% - 1px);transform:rotate(45deg)}.landing [data-open] .menu-icon i:last-child{top:calc(50% - 1px);transform:rotate(-45deg)}.landing .menu-panel{opacity:0;visibility:hidden;background:#fff;border-radius:1.75rem;padding:.5rem 1.5rem 1.5rem;transition:opacity .25s,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s linear .3s;position:absolute;top:calc(100% + .25rem);left:.75rem;right:.75rem;transform:translateY(-8px);box-shadow:0 0 0 1px #0f172a0f,0 30px 60px -20px #0b173559}.landing [data-open] .menu-panel{opacity:1;visibility:visible;transition-delay:0s;transform:none}.landing .menu-link{letter-spacing:-.02em;border-bottom:1px solid #0f172a14;align-items:center;gap:.9rem;padding:1.05rem 0;font-size:1.5rem;font-weight:700;display:flex}.landing .menu-link:before{content:"";background:var(--color-dot);border-radius:50%;width:.55rem;height:.55rem}@media (width>=768px){.landing .menu-btn,.landing .menu-panel{display:none}}.landing .art{aspect-ratio:1;width:100%;max-width:31rem;margin-inline:auto;position:relative}.landing .art .orb{background:var(--color-brand);border-radius:50%;position:absolute;inset:7%}.landing .art .ring{border:2px dashed #0f172a33;border-radius:50%;animation:70s linear infinite landing-spin;position:absolute;inset:0}.landing .win{--r:-2deg;width:80%;transform:rotate(var(--r));background:#fff;border-radius:1.4rem;padding:.7rem;animation:7s ease-in-out infinite landing-float;position:absolute;top:19%;left:3%;box-shadow:0 34px 60px -20px #0b17358c}.landing .win-top{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.landing .chip{aspect-ratio:1;background:var(--color-brand-soft);border-radius:50%;flex:none;width:1.3rem}.landing .tag{letter-spacing:.1em;color:var(--color-dot);align-items:center;gap:.4rem;font-size:.66rem;font-weight:700;display:inline-flex}.landing .tag .pulse-dot{width:.5rem;height:.5rem}.landing .stage{aspect-ratio:16/9.4;background:linear-gradient(135deg, var(--color-night), #1e40af);border-radius:1rem;position:relative;overflow:hidden}.landing .person{width:30%;position:absolute;bottom:0;left:8%}.landing .head{aspect-ratio:1;background:#bcd3f7;border-radius:50%;width:42%;margin:0 auto 6%;display:block}.landing .torso{background:#6d96e6;border-radius:999px 999px 0 0;height:0;padding-bottom:62%;display:block}.landing .slide{background:#ffffff1a;border-radius:.7rem;flex-direction:column;justify-content:space-between;gap:.5rem;width:48%;padding:.6rem;display:flex;position:absolute;top:14%;bottom:14%;right:6%}.landing .slide .bars i{background:#ffffff8c}.landing .stamp{align-items:center;gap:.5rem;display:flex}.landing .stamp b{aspect-ratio:1;background:var(--color-dot-light);border-radius:50%;flex:none;width:1.7rem;box-shadow:0 0 0 3px #ffffff40}.landing .seek{background:var(--color-paper-2);border-radius:99px;height:6px;margin:.8rem .2rem .3rem;position:relative}.landing .seek i{background:var(--color-brand);border-radius:99px;width:42%;position:absolute;inset:0 auto 0 0}.landing .seek b{aspect-ratio:1;background:var(--color-dot);border-radius:50%;width:.8rem;position:absolute;top:50%;left:42%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff}.landing .bars{flex-direction:column;flex:1;gap:6px;display:flex}.landing .bars i{background:#0f172a21;border-radius:99px;height:7px;display:block}.landing .poll{--r:4deg;width:38%;transform:rotate(var(--r));background:#fff;border-radius:1.2rem;flex-direction:column;gap:.55rem;padding:.85rem;animation:8s ease-in-out -2s infinite landing-float;display:flex;position:absolute;top:3%;right:0;box-shadow:0 26px 50px -20px #0b17358c}.landing .track{background:var(--color-paper-2);border-radius:99px;height:.6rem}.landing .track i{background:var(--color-brand);border-radius:99px;height:100%;display:block}.landing .track i.soft{background:var(--color-brand-light)}.landing .qa{--r:-3deg;width:50%;transform:rotate(var(--r));background:#fff;border-radius:1.2rem;flex-direction:column;gap:.6rem;padding:.8rem;animation:9s ease-in-out -3s infinite landing-float;display:flex;position:absolute;bottom:5%;left:0;box-shadow:0 26px 50px -20px #0b17358c}.landing .msg{align-items:center;gap:.5rem;display:flex}.landing .msg b{aspect-ratio:1;background:var(--color-paper-2);border-radius:50%;flex:none;width:1.5rem}.landing .msg.me b{background:var(--color-dot)}.landing .msg.me .bars i{background:#1e3a8a59}.landing .crowd{--r:0deg;background:#fff;border-radius:999px;align-items:center;padding:.55rem .9rem .55rem 1.1rem;animation:9s ease-in-out -5s infinite landing-float;display:flex;position:absolute;bottom:9%;right:4%;box-shadow:0 20px 40px -18px #0b173599}.landing .crowd b{aspect-ratio:1;background:var(--color-brand);border:3px solid #fff;border-radius:50%;width:1.9rem;margin-left:-.5rem}.landing .crowd b:nth-child(2){background:var(--color-night)}.landing .crowd b:nth-child(3){background:var(--color-dot)}.landing .crowd i{background:#0f172a24;border-radius:99px;width:2.4rem;height:7px;margin-left:.6rem}@keyframes landing-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing summary{list-style:none}.landing summary::-webkit-details-marker{display:none}.landing .ref-icon{background:var(--color-brand-soft);border-radius:50%;flex:none;width:2rem;height:2rem;position:relative}.landing .ref-icon:before,.landing .ref-icon:after{content:"";background:var(--color-brand);border-radius:2px;width:.75rem;height:2px;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing .ref-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.landing details[open] .ref-icon:after{transform:translate(-50%,-50%)rotate(0)}.landing .mark{z-index:-1;opacity:.08;width:34rem;max-width:none;position:absolute;top:50%;right:-7rem;transform:translateY(-50%)}.landing .c-orb{z-index:-1;background:#ffffff12;border-radius:50%;position:absolute}.landing .reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);transform:translateY(20px)}.landing .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}.landing .reveal{opacity:1;transition:none;transform:none}.landing .pulse-dot,.landing .art .ring,.landing .win,.landing .poll,.landing .qa,.landing .crowd{animation:none}}}@layer utilities;
