:root{--bg: #e7e9ee;--text: #1b1d22;--text-dim: #9a9ea9;--text-faint: #c2c6cf;--sh-light: #ffffff;--sh-dark: #c3c7d0;--card: #e7e9ee;--line: #d2d5dd;--accent: #2f6bfe;--accent-2: #5b8bff;--green: #2bbf6a;--orange: #ff8a3d;--rainbow: linear-gradient(135deg, #ff9f6b 0%, #ff6f91 28%, #b06ab3 55%, #4b79ff 80%, #38c6ff 100%);--nu-out: -7px -7px 15px var(--sh-light), 7px 7px 15px var(--sh-dark);--nu-out-sm: -4px -4px 9px var(--sh-light), 4px 4px 9px var(--sh-dark);--nu-in: inset 4px 4px 9px var(--sh-dark), inset -4px -4px 9px var(--sh-light);--nu-in-sm: inset 2px 2px 5px var(--sh-dark), inset -3px -3px 6px var(--sh-light)}[data-theme=dark]{--bg: #1f2024;--text: #f1f2f4;--text-dim: #7b7f89;--text-faint: #44464c;--sh-light: #292b30;--sh-dark: #131417;--card: #1f2024;--line: #303237;--accent: #3b78ff;--accent-2: #5b8bff;--green: #2bd17a;--orange: #ff8a3d}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg)}body{font-family:Urbanist,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;transition:background .5s ease;overflow-x:hidden}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.app{min-height:100vh;background:var(--bg);transition:background .5s ease}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bg-blobs span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.bg-blobs span:nth-child(1){width:420px;height:420px;left:-8%;top:4%;background:#ff9f6b}.bg-blobs span:nth-child(2){width:480px;height:480px;right:-10%;top:32%;background:#4b79ff}.bg-blobs span:nth-child(3){width:380px;height:380px;left:30%;bottom:-6%;background:#b06ab3}[data-theme=dark] .bg-blobs span{opacity:.22}.wrap{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:56px 44px 96px}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}.brand-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;background:var(--card);box-shadow:var(--nu-out-sm);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px}.brand-tag .dot{width:8px;height:8px;border-radius:50%;background:var(--rainbow)}.head h1{font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1}.head h1 .grad{background:var(--rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.head p{margin-top:16px;color:var(--text-dim);font-size:17px;font-weight:500;max-width:440px}.toggle{display:inline-flex;align-items:center;gap:6px;padding:7px;border-radius:100px;background:var(--card);box-shadow:var(--nu-in);cursor:pointer}.toggle button{border:0;background:transparent;cursor:pointer;color:var(--text-dim);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;transition:color .3s ease}.toggle button.on{color:var(--text);box-shadow:var(--nu-out-sm);background:var(--card)}.toggle svg{width:20px;height:20px}.grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.grid{grid-template-columns:minmax(0,1fr)}.wrap{padding:40px 20px 72px}}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reveal{opacity:0;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) forwards}.card{container-type:inline-size;position:relative;width:100%;aspect-ratio:1 / 1;border-radius:34px;background:var(--card);box-shadow:var(--nu-out);overflow:hidden;will-change:transform;opacity:0;animation:cardIn .65s cubic-bezier(.22,1,.36,1) forwards;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px)}.stage{position:absolute;top:0;left:0;width:440px;height:440px;transform:scale(calc(100cqw / 440));transform-origin:top left}.stage *{font-feature-settings:"tnum"}.nu{background:var(--card);box-shadow:var(--nu-out);border-radius:18px}.nu-sm{background:var(--card);box-shadow:var(--nu-out-sm);border-radius:14px}.nu-in{background:var(--card);box-shadow:var(--nu-in);border-radius:18px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;background:var(--card);box-shadow:var(--nu-out-sm);font-weight:700;color:var(--text)}.btn-blue{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border:0;border-radius:100px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px #2f6bfe59,inset 0 1px #fff6}.tlabel{color:var(--text-dim);font-weight:600}.title-strong{font-weight:800;letter-spacing:-.01em}.ring-grad{background:var(--rainbow)}.footer-note{margin-top:64px;text-align:center;color:var(--text-dim);font-size:14px;font-weight:600}.footer-note a{color:var(--accent);text-decoration:none;font-weight:700}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.card,.reveal{opacity:1!important;transform:none!important}}