.hero{color:#fff;background:var(--night)}.fs.hero{padding-bottom:72px}.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.hero .copy{max-width:720px}.guar{color:var(--acc);align-items:center;gap:8px;margin-top:18px;font-size:15px;font-weight:600;display:flex}.guar svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.hero-vis{justify-self:center;width:min(520px,100%);position:relative}.stage{aspect-ratio:1.1;perspective:1400px;place-items:center;width:100%;display:grid;position:relative}.vcard{aspect-ratio:1.586;color:#fff;isolation:isolate;width:88%;transform-style:preserve-3d;background:radial-gradient(120% 90% at 0 0,#3df29a 0%,#14b86c 30%,#0a6b43 62%,#06301f 100%);flex-direction:column;justify-content:space-between;animation:10s cubic-bezier(.45,0,.55,1) infinite tilt;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 90px -30px #000000bf,0 30px 60px -28px #14b86c8c,inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff1f;container-type:inline-size}.stage{container-type:inline-size}.vcard{border-radius:max(16px,min(5.4cqw,28px));padding:max(14px,min(5.4cqw,28px))}.vcard:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffff38 50%,#0000 60%);animation:4.5s ease-in-out infinite sheen;position:absolute;inset:-50%}.vcard .vc-lines{z-index:-2;opacity:.22;pointer-events:none;background:repeating-radial-gradient(circle at 110% 120%,#0000 0 14px,#ffffff8c 14px 15px);position:absolute;inset:0}.vcard .vc-wolf{z-index:-1;opacity:.92;filter:drop-shadow(0 18px 24px #00000059);pointer-events:none;width:38%;height:auto;position:absolute;top:14%;right:-7%;transform:rotate(-10deg)}.vcard .t{justify-content:space-between;align-items:center;gap:10px;display:flex}.vc-brand{letter-spacing:-.03em;text-shadow:0 1px 8px #00000040;align-items:center;gap:.4em;font-size:max(14px,min(4.2cqw,21px));font-weight:850;display:flex}.vc-brand .mk{background:#ffffff2e;border-radius:.48em;place-items:center;width:1.6em;height:1.6em;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff40}.vc-brand .mk img{width:90%;height:90%;margin-top:12%}.vcard .t em{letter-spacing:.18em;text-transform:uppercase;background:#00000038;border-radius:999px;padding:.5em 1em;font-size:max(8px,min(2.3cqw,11.5px));font-style:normal;font-weight:800;box-shadow:inset 0 0 0 1px #ffffff38}.vcard .vc-bal{letter-spacing:-.02em;text-shadow:0 2px 14px #0000004d;white-space:nowrap;font-size:max(20px,min(7.8cqw,40px));font-weight:900;line-height:1}.vcard .b{letter-spacing:.08em;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #0000004d;justify-content:space-between;align-items:flex-end;gap:10px;font-size:max(11px,min(3.1cqw,16px));display:flex}.vcard .b .visa{letter-spacing:.01em;text-shadow:0 2px 10px #00000040;font-size:max(16px,min(5.6cqw,28px));font-style:italic;font-weight:900}@keyframes tilt{0%,to{transform:rotateY(-18deg)rotateX(10deg)rotate(-4deg)}50%{transform:rotateY(14deg)rotateX(-6deg)rotate(3deg)}}@keyframes sheen{0%{transform:translate(-60%)}to{transform:translate(60%)}}.coin{width:64px;height:64px;color:var(--acc-ink);border-radius:50%;place-items:center;font-size:14px;font-weight:900;animation:6s ease-in-out infinite float;display:grid;position:absolute;box-shadow:0 18px 30px -10px #000000b3,inset 0 0 0 3px #ffffff26}.hero-vis .mascot{z-index:-1;filter:drop-shadow(0 20px 30px #0009);width:42%;animation:10s cubic-bezier(.45,0,.55,1) infinite peek;position:absolute;top:2%;left:50%;transform:translate(-50%)}.hero-vis .mascot.is-3d{filter:none}@keyframes peek{0%,to{transform:translate(-50%,6%)}50%{transform:translate(-50%)}}.hero-vis .vcard{margin-top:16%}.coin.visa{color:#fff;letter-spacing:.02em;background:#1a1f71;width:54px;height:54px;font-style:italic;animation-delay:-1.5s;top:22%;right:0}.coin.tron{color:#fff;background:#eb0029;width:50px;height:50px;animation-delay:-3s;bottom:2%;left:1%}@keyframes float{50%{transform:translateY(-16px)}}.svcs{z-index:2;color:#3a3a3c;pointer-events:none;background:#fff;border-radius:22px;flex-direction:column;gap:1px;width:max-content;padding:8px 12px 8px 8px;animation:7s ease-in-out infinite bob;display:flex;position:absolute;box-shadow:0 16px 36px -16px #0b122066}.svcs.a{animation-delay:-2s;top:20%;left:-4%}.svcs.b{animation-delay:-4.5s;bottom:-4%;right:-6%}@keyframes bob{50%{translate:0 -12px}}.svc{letter-spacing:-.02em;align-items:center;gap:8px;padding:4px 6px;font-size:15px;font-weight:600;line-height:1;display:flex}.mark{background:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 0 0 1px #0b12200f}.mark svg{width:68%;height:68%;display:block}.mark.claude{box-shadow:none;background:#d97757}.mark.claude svg{width:82%;height:82%}.mark.netflix{box-shadow:none;background:#000}.mark.spotify{box-shadow:none;background:#1db954}.mark.spotify svg{width:78%;height:78%}.mark.coursera{box-shadow:none;background:#0056d2}@container (max-width:500px){.svcs{transform:scale(.68)}.svcs.a{transform-origin:0 0}.svcs.b{transform-origin:100% 100%}}.coin.tron svg{width:52%;height:52%}.coin.mc{background:#fff;width:50px;height:50px;animation-delay:-4s;top:36%;right:1%}.coin.mc svg{width:64%;height:auto}@media (max-width:1000px){.hero .wrap{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px}.coin{width:48px;height:48px;font-size:12px}.coin.visa,.coin.tron,.coin.mc{width:42px;height:42px}.svc{gap:6px;font-size:13px}.mark{width:24px;height:24px}}@media (max-width:760px){.fs.hero{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.hero .wrap{grid-template-columns:minmax(0,1fr);gap:10px}.hero-vis{order:-1;width:min(300px,72%)}.hero-vis .mascot{width:46%;top:0}.hero-vis .vcard{width:80%;margin-top:28%}.coin.visa{top:16%;right:-2%}.coin.tron{bottom:1%;left:0}.svcs.a{top:16%;left:-8%}.svcs.b{bottom:-1%;right:-8%}.coin{width:40px;height:40px;font-size:10px}.coin.visa,.coin.tron,.coin.mc{width:36px;height:36px}.coin.mc{top:30%;right:-1%}.svcs{border-radius:18px;padding:6px 8px 6px 6px;transform:scale(.8)}.svcs.a{transform-origin:0 0}.svcs.b{transform-origin:100% 100%}.svc{padding:3px 4px;font-size:12px}.mark{width:22px;height:22px}.guar{margin-top:10px;font-size:13px}.guar svg{width:16px;height:16px}}:root:not([data-mode=dark]) .hero{color:var(--ink);background:linear-gradient(#bde6ff 0%,#ddf3f4 38%,#e6f8ec 58%,#bfebcf 100%)}:root:not([data-mode=dark]) .hero .stadium{background:radial-gradient(38% 34% at 86% -4%,#fff4c8f2,#0000 70%),radial-gradient(42% 48% at 76% 44%,#2be38a59,#0000 70%)}:root:not([data-mode=dark]) .hero .stadium .ph,:root:not([data-mode=dark]) .hero .stadium:after{display:none}:root:not([data-mode=dark]) .hero .stadium .beam{background:linear-gradient(#fffae1bf,#0000 70%)}:root:not([data-mode=dark]) .hero .stadium .pitch{height:46%}:root:not([data-mode=dark]) .hero .stadium .pitch svg{opacity:1;background:repeating-linear-gradient(90deg,#63cc8c 0 7.14%,#54bf7e 7.14% 14.28%);-webkit-mask:linear-gradient(#0000,#000 45%);mask:linear-gradient(#0000,#000 45%)}:root:not([data-mode=dark]) .hero .stadium .pitch :-webkit-any(line,rect,circle){stroke:#ffffffe6}:root:not([data-mode=dark]) .hero .stadium .pitch :-moz-any(line,rect,circle){stroke:#ffffffe6}:root:not([data-mode=dark]) .hero .stadium .pitch :is(line,rect,circle){stroke:#ffffffe6}:root:not([data-mode=dark]) .hero .small{color:var(--ink-2);opacity:1}:root:not([data-mode=dark]) .hero .guar{color:#065c33;background:#ffffffbf;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:6px 12px}:root:not([data-mode=dark]) .hero-vis .mascot{filter:drop-shadow(0 20px 30px #0b122040)}:root:not([data-mode=dark]) .hero .vcard{box-shadow:0 50px 90px -30px #0b122073,0 30px 60px -28px #14b86c8c,inset 0 1px #ffffff59,inset 0 0 0 1px #ffffff1f}.hero .btn-ai{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff59}.hero .btn-ai:hover{background:#ffffff29;transform:translateY(-2px)}.hero .btn-ai svg{fill:#a78bfa;width:20px;height:20px}:root:not([data-mode=dark]) .hero .btn-ai{color:var(--ink);background:#ffffffb8;box-shadow:inset 0 0 0 1.5px #0b122029,0 8px 20px -12px #0b122040}:root:not([data-mode=dark]) .hero .btn-ai:hover{background:#fff}:root:not([data-mode=dark]) .hero .btn-ai svg{fill:#7c3aed}
/*# sourceMappingURL=28ajsfibzfgi_.css.map*/