.bento-wrapper{max-width:100%;width:100%;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}.span-7{grid-column:span 7}.span-5{grid-column:span 5}@media (max-width:940px){.span-5,.span-7{grid-column:span 12}}.feature-card{position:relative;border-radius:28px;overflow:hidden;height:330px;display:flex;box-shadow:none!important;transition:border-color .25s ease,background-color .35s ease;cursor:default}:root.dark .feature-card,[data-theme=dark] .feature-card,html.dark .feature-card{background-color:#070709;border:1px solid #ffffff1a}:root:not(.dark) .feature-card,[data-theme=light] .feature-card,html:not(.dark) .feature-card{background-color:#fff;border:1px solid #0f172a14}:root.dark .card-hubs,[data-theme=dark] .card-hubs,html.dark .card-hubs{background-image:radial-gradient(circle at 74% 56%,#1d4ed82e 0,#000ceb0d 44%,#0000 70%);border-color:#ffffff14}:root.dark .card-hubs:hover,[data-theme=dark] .card-hubs:hover,html.dark .card-hubs:hover{border-color:#3b82f652}:root.dark .card-launch,[data-theme=dark] .card-launch,html.dark .card-launch{background-image:radial-gradient(circle at 50% 34%,#10b98124 0,#0596690a 46%,#0000 70%);border-color:#10b98133}:root.dark .card-launch:hover,[data-theme=dark] .card-launch:hover,html.dark .card-launch:hover{border-color:#34d39961}:root.dark .card-identity,[data-theme=dark] .card-identity,html.dark .card-identity{background-image:radial-gradient(circle at 42% 36%,#a855f721 0,#ec48990d 46%,#0000 70%);border-color:#ec48992b}:root.dark .card-identity:hover,[data-theme=dark] .card-identity:hover,html.dark .card-identity:hover{border-color:#f472b659}:root.dark .card-shop,[data-theme=dark] .card-shop,html.dark .card-shop{background-image:radial-gradient(circle at 75% 56%,#0ea5e926 0,#2563eb0a 46%,#0000 70%);border-color:#ffffff14}:root.dark .card-shop:hover,[data-theme=dark] .card-shop:hover,html.dark .card-shop:hover{border-color:#38bdf852}:root.dark .card-staking,[data-theme=dark] .card-staking,html.dark .card-staking{background-image:radial-gradient(circle at 74% 58%,#9333ea29 0,#7c3aed0d 46%,#0000 70%);border-color:#ffffff14}:root.dark .card-staking:hover,[data-theme=dark] .card-staking:hover,html.dark .card-staking:hover{border-color:#c084fc52}:root.dark .card-games,[data-theme=dark] .card-games,html.dark .card-games{background-image:radial-gradient(circle at 50% 34%,#f59e0b21 0,#d977060a 46%,#0000 70%);border-color:#f59e0b33}:root.dark .card-games:hover,[data-theme=dark] .card-games:hover,html.dark .card-games:hover{border-color:#fbbf2461}:root:not(.dark) .card-hubs,[data-theme=light] .card-hubs,html:not(.dark) .card-hubs{background-image:radial-gradient(circle at 74% 56%,#3b82f612,#0000 70%)}:root:not(.dark) .card-launch,[data-theme=light] .card-launch,html:not(.dark) .card-launch{background-image:radial-gradient(circle at 50% 34%,#10b98112,#0000 70%);border-color:#10b98138}:root:not(.dark) .card-identity,[data-theme=light] .card-identity,html:not(.dark) .card-identity{background-image:radial-gradient(circle at 42% 36%,#ec48990f,#0000 70%);border-color:#ec489933}:root:not(.dark) .card-shop,[data-theme=light] .card-shop,html:not(.dark) .card-shop{background-image:radial-gradient(circle at 75% 56%,#0ea5e912,#0000 70%)}:root:not(.dark) .card-staking,[data-theme=light] .card-staking,html:not(.dark) .card-staking{background-image:radial-gradient(circle at 74% 58%,#a855f712,#0000 70%)}:root:not(.dark) .card-games,[data-theme=light] .card-games,html:not(.dark) .card-games{background-image:radial-gradient(circle at 50% 34%,#f59e0b12,#0000 70%);border-color:#f59e0b38}.card-layout-wide{flex-direction:row;align-items:stretch;justify-content:space-between;padding:30px 32px;gap:16px}.wide-info{position:relative;z-index:10;width:44%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;pointer-events:none}.wide-art-stage{position:relative;width:56%;height:100%;flex-shrink:0}.card-layout-narrow{flex-direction:column;justify-content:space-between;padding:20px 26px 26px}.narrow-art-stage{position:relative;width:100%;height:188px;flex-shrink:0}.narrow-info{position:relative;z-index:10;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;pointer-events:none}.art-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}@media (max-width:768px){.feature-card{height:auto;min-height:360px}.card-layout-wide{flex-direction:column}.wide-art-stage,.wide-info{width:100%}.wide-art-stage{height:220px;margin-top:16px}.wide-info{gap:0}.btn-pill-action,.btn-pill-white{margin-top:14px!important}.narrow-info{margin-top:20px}.card-layout-wide .pills-row{max-width:100%;overflow-x:auto;scrollbar-width:none}}.pills-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.card-layout-wide .pills-row{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin-bottom:14px;width:max-content}.card-layout-wide .feature-pill{padding:4px 9px;gap:5px;font-size:9.5px;letter-spacing:.03em;white-space:nowrap}.card-layout-wide .pill-icon{width:12px;height:12px}.feature-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:9999px;font-family:var(--font-mono),"JetBrains Mono",monospace;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}:root.dark .feature-pill,[data-theme=dark] .feature-pill,html.dark .feature-pill{background:#ffffff0d;border:1px solid #ffffff14;color:#e5e5e5}:root:not(.dark) .feature-pill,[data-theme=light] .feature-pill,html:not(.dark) .feature-pill{background:rgba(0,0,0,.035);border:1px solid #0000000f;color:#262626;box-shadow:0 1px 3px #00000005}.pill-icon{width:13px;height:13px;stroke-width:2.2;flex-shrink:0;opacity:.85}html.dark .pill-icon{color:#a3a3a3}html:not(.dark) .pill-icon{color:#525252}.pill-sep{opacity:.25;font-weight:300}.card-heading{font-family:var(--font-heading),"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:clamp(1.4rem,2.2vw,1.85rem);line-height:1.15;letter-spacing:-.03em;margin-bottom:10px}.card-layout-narrow .card-heading{font-size:clamp(1.25rem,1.8vw,1.45rem);margin-bottom:8px}:root.dark .card-heading,[data-theme=dark] .card-heading,html.dark .card-heading{color:#fff}:root:not(.dark) .card-heading,[data-theme=light] .card-heading,html:not(.dark) .card-heading{color:#171717}.card-desc{font-family:var(--font-sans),"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-size:.88rem;line-height:1.58;font-weight:400;max-width:320px;margin-bottom:6px}.card-layout-narrow .card-desc{max-width:350px}:root.dark .card-desc,[data-theme=dark] .card-desc,html.dark .card-desc{color:#a3a3a3}:root:not(.dark) .card-desc,[data-theme=light] .card-desc,html:not(.dark) .card-desc{color:#525252}.btn-pill-action,.btn-pill-white{pointer-events:auto;cursor:pointer;margin-top:14px;padding:11px 24px;border-radius:9999px;border:none;font-family:var(--font-heading),"Inter",sans-serif;font-weight:700;font-size:13px;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 8px #0000000f;transition:all .2s cubic-bezier(.22,1,.36,1)}:root.dark .btn-pill-action,:root.dark .btn-pill-white,[data-theme=dark] .btn-pill-action,[data-theme=dark] .btn-pill-white,html.dark .btn-pill-action,html.dark .btn-pill-white{background:#fff;color:#0a0a0c}:root:not(.dark) .btn-pill-action,:root:not(.dark) .btn-pill-white,[data-theme=light] .btn-pill-action,[data-theme=light] .btn-pill-white,html:not(.dark) .btn-pill-action,html:not(.dark) .btn-pill-white{background:#0a0a0c;color:#fff}.btn-pill-action:hover,.btn-pill-white:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 18px #0000001f}:root.dark .btn-pill-action:hover,:root.dark .btn-pill-white:hover,[data-theme=dark] .btn-pill-action:hover,[data-theme=dark] .btn-pill-white:hover,html.dark .btn-pill-action:hover,html.dark .btn-pill-white:hover{background:#f4f4f5;box-shadow:0 6px 20px #ffffff26}:root:not(.dark) .btn-pill-action:hover,:root:not(.dark) .btn-pill-white:hover,[data-theme=light] .btn-pill-action:hover,[data-theme=light] .btn-pill-white:hover,html:not(.dark) .btn-pill-action:hover,html:not(.dark) .btn-pill-white:hover{background:#18181b}.btn-pill-action:active,.btn-pill-white:active{transform:translateY(0) scale(.98)}.btn-circle-action,.btn-circle-arrow{pointer-events:auto;cursor:pointer;width:44px;height:44px;flex-shrink:0;border-radius:9999px;border:none;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 8px #0000000f;transition:all .2s cubic-bezier(.22,1,.36,1)}:root.dark .btn-circle-action,:root.dark .btn-circle-arrow,[data-theme=dark] .btn-circle-action,[data-theme=dark] .btn-circle-arrow,html.dark .btn-circle-action,html.dark .btn-circle-arrow{background:#fff;color:#0a0a0c}:root:not(.dark) .btn-circle-action,:root:not(.dark) .btn-circle-arrow,[data-theme=light] .btn-circle-action,[data-theme=light] .btn-circle-arrow,html:not(.dark) .btn-circle-action,html:not(.dark) .btn-circle-arrow{background:#0a0a0c;color:#fff}.btn-circle-action:hover,.btn-circle-arrow:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000024}:root.dark .btn-circle-action:hover,:root.dark .btn-circle-arrow:hover,[data-theme=dark] .btn-circle-action:hover,[data-theme=dark] .btn-circle-arrow:hover,html.dark .btn-circle-action:hover,html.dark .btn-circle-arrow:hover{background:#f4f4f5;box-shadow:0 6px 22px #ffffff2e}:root:not(.dark) .btn-circle-action:hover,:root:not(.dark) .btn-circle-arrow:hover,[data-theme=light] .btn-circle-action:hover,[data-theme=light] .btn-circle-arrow:hover,html:not(.dark) .btn-circle-action:hover,html:not(.dark) .btn-circle-arrow:hover{background:#18181b}.btn-circle-action:active,.btn-circle-arrow:active{transform:scale(.95)}.btn-circle-action svg,.btn-circle-arrow svg{width:18px;height:18px}