:root{--bg-color: #0b0b0a;--panel-bg: #141414;--text-primary: #ffffff;--text-secondary: #949494;--accent-lime: #c8f051;--accent-orange: #ff8a00;--card-bg: #1c1c1c;--glass-border: rgba(255, 255, 255, .05);--lime-glow: rgba(200, 240, 81, .15);--font-main: "Outfit", sans-serif;--container-width: 1150px;--spacing: .25rem}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.4;overflow-x:hidden}.container{max-width:var(--container-width);margin:0 auto;padding:0 calc(var(--spacing) * 8)}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing) * 6) calc(var(--spacing) * 8)}.logo{display:flex;align-items:center;gap:calc(var(--spacing) * 4);font-weight:600;letter-spacing:.1em;color:var(--accent-lime);text-transform:uppercase;font-size:1.2rem}.btn-get-started{background-color:var(--accent-lime);color:#000;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 6);border-radius:99px;text-decoration:none;font-weight:700;font-size:.85rem;transition:transform .2s,box-shadow .2s;text-transform:uppercase}.btn-get-started:hover{transform:translateY(-2px);box-shadow:0 4px 15px #c8f0514d}.hero-content{padding:calc(var(--spacing) * 8) 0}.hero-content h1{font-size:3.8rem;font-weight:600;letter-spacing:-.04em;line-height:1.05}.hero-performance{margin-top:calc(var(--spacing) * 8);display:flex;align-items:center;gap:calc(var(--spacing) * 4)}.performance-badge{background:#c8f0511a;border:1px solid rgba(200,240,81,.2);color:var(--accent-lime);padding:4px 12px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.performance-text{color:var(--text-secondary);font-size:1.1rem;margin:0}.category-header{display:flex;align-items:center;gap:calc(var(--spacing) * 6);margin-bottom:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 4);border-bottom:1px solid var(--glass-border)}.category-header h2{font-size:1.8rem;text-transform:uppercase;letter-spacing:.1em}.category-header img{width:100px;height:100px;object-fit:contain}.category-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:800px;margin-bottom:calc(var(--spacing) * 8)}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:0;justify-content:flex-start;margin-bottom:calc(var(--spacing) * 10)}.game-card{aspect-ratio:1;position:relative;overflow:visible;cursor:pointer;background:transparent;transition:transform .4s cubic-bezier(.16,1,.3,1);border:none;user-select:none;-webkit-user-select:none}.game-card:hover{transform:translateY(-8px)}.card-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.card-bg-img{width:75%;height:75%;object-fit:contain;transition:transform .4s ease;pointer-events:none;-webkit-user-drag:none}.game-card:hover .card-bg-img{transform:scale(1.1)}.fairness-section{padding:calc(var(--spacing) *8) 0;text-align:center;border-top:1px solid var(--glass-border)}.fairness-header h2{font-size:2.2rem;font-weight:500;margin-bottom:calc(var(--spacing) * 4);letter-spacing:-.02em}.fairness-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:700px;margin:0 auto calc(var(--spacing) * 4)}.fairness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing) * 16);margin-top:calc(var(--spacing) * 8)}.fairness-card h3{font-size:1.25rem;font-weight:700;margin-bottom:calc(var(--spacing) * 2)}.fairness-card p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.fairness-icon{width:48px;height:48px;color:var(--text-secondary);margin-bottom:calc(var(--spacing) * 6);opacity:.8}.faq-section{padding:calc(var(--spacing) * 8) 0}.faq-container{display:grid;grid-template-columns:350px 1fr;gap:calc(var(--spacing) * 8)}.faq-header h2{font-size:3rem;font-weight:800;margin-bottom:calc(var(--spacing) * 4);letter-spacing:-.02em}.faq-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--glass-border)}.faq-summary{display:flex;justify-content:space-between;align-items:center;padding-block:calc(var(--spacing) * 6);cursor:pointer;list-style:none;font-size:1rem;font-weight:300;transition:color .3s ease}.faq-summary::-webkit-details-marker{display:none}.faq-item:hover .faq-summary{color:var(--accent-lime)}.faq-chevron{width:16px;height:16px;opacity:.5;transition:transform .4s cubic-bezier(.16,1,.3,1)}details[open] .faq-chevron{transform:rotate(180deg)}.faq-content{padding-bottom:calc(var(--spacing) * 6);color:var(--text-secondary);line-height:1.7;font-size:1.05rem;max-width:90%;overflow:hidden;height:0;opacity:0;transition:height .4s cubic-bezier(.16,1,.3,1),opacity .3s ease}details[open] .faq-content{height:auto;opacity:1}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4rem 2rem 2rem}.modal.active{display:flex}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{position:relative;width:100%;max-width:1200px;background:#141414;border-radius:12px;overflow:hidden;box-shadow:0 0 50px #00000080;border:1px solid var(--glass-border);display:flex;flex-direction:column;margin:auto;min-height:min-content}#modal-game-container{width:100%;height:fit-content;min-height:600px;position:relative;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.game-loader{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--accent-lime)}.spinner{width:50px;height:50px;border:3px solid rgba(200,240,81,.1);border-top-color:var(--accent-lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-content.loading #modal-game-container>:not(.game-loader){display:none!important}.close-button{position:fixed;top:1.5rem;right:2rem;background:#000000b3;border:1px solid var(--glass-border);color:var(--text-primary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #00000080}.close-button:hover{background:var(--accent-lime);color:#000;transform:rotate(90deg)}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.highlight-orange{color:var(--accent-orange)}.highlight-lime{color:var(--accent-lime)}.tokyo-sydney{margin-top:-140px}@media(max-width:900px){.hero-content h1{font-size:2.2rem}.hero-performance{flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 6)}.performance-text{font-size:.95rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:0;overflow-y:auto;margin-bottom:calc(var(--spacing) * 10);padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--accent-lime) transparent}.game-grid::-webkit-scrollbar{width:4px}.game-grid::-webkit-scrollbar-thumb{background:var(--accent-lime);border-radius:10px}.category-header{flex-direction:column;align-items:flex-start;gap:calc(var(--spacing) * 4)}.category-header h2{font-size:1.4rem}.category-header img{width:80px;height:80px}.fairness-grid{grid-template-columns:1fr;gap:calc(var(--spacing) * 12)}.faq-container{grid-template-columns:1fr;gap:calc(var(--spacing) * 8)}.faq-header h2{font-size:2.5rem}.faq-summary{font-size:1rem;padding:calc(var(--spacing) * 6) 0}.modal{padding:3.5rem 0 0}.modal-content{margin:0;width:100%;height:auto;min-height:100%;min-height:100dvh;border-radius:0;border:none;overflow:visible}#modal-game-container{height:auto;min-height:100dvh}.close-button{top:.75rem;right:.75rem;width:36px;height:36px}}.game-showcase{text-align:center;height:500px;z-index:10;display:flex;justify-content:center;overflow:hidden}.game-showcase .showcase-outer{position:relative;width:100%;display:flex;justify-content:center}.game-showcase .container{transform-origin:top center}.game-showcase .showcase-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-primary);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-showcase .showcase-nav:hover{background:#c8f0511a;border-color:var(--accent-lime);color:var(--accent-lime);transform:translateY(-50%) scale(1.1)}.game-showcase .showcase-nav.prev{left:calc(var(--spacing) * 8)}.game-showcase .showcase-nav.next{right:calc(var(--spacing) * 8)}@media(max-width:1000px){.game-showcase .showcase-nav{width:44px;height:44px;background:#0b0b0acc}}.showcase-title{font-size:2.2rem;font-weight:500;margin-bottom:calc(var(--spacing) * 12);letter-spacing:-.02em}#showcase-game-container{width:100%;background:#000;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--glass-border);transition:opacity .8s ease,transform .8s ease;margin:0 auto}#showcase-game-container.fading{opacity:0;transform:translateY(10px)}.footer{background-color:#0d0d0c;padding:calc(var(--spacing) * 16) 0 calc(var(--spacing) * 8);border-top:1px solid var(--glass-border);margin-top:calc(var(--spacing) * 20)}.footer-content{display:flex;justify-content:space-between;gap:calc(var(--spacing) * 12);margin-bottom:calc(var(--spacing) * 16)}.footer-brand{max-width:300px}.footer-tagline{color:var(--text-secondary);font-size:.95rem;margin-top:calc(var(--spacing) * 4);line-height:1.5}.footer-links{display:flex;gap:calc(var(--spacing) * 16)}.footer-col h4{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:calc(var(--spacing) * 6);color:var(--text-primary)}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:calc(var(--spacing) * 3)}.footer-col ul li a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-col ul li a:hover{color:var(--accent-lime)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:calc(var(--spacing) * 8);border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:.85rem}.social-links{display:flex;gap:calc(var(--spacing) * 4)}.social-links a{color:var(--text-secondary);transition:color .2s}.social-links a:hover{color:var(--accent-lime)}@media(max-width:900px){.footer-content{flex-direction:column;gap:calc(var(--spacing) * 10)}.footer-links{flex-wrap:wrap;gap:calc(var(--spacing) * 8)}.footer-col{min-width:140px}.footer-bottom{flex-direction:column;gap:calc(var(--spacing) * 4);text-align:center}.footer{margin-top:calc(var(--spacing) * 10);padding:calc(var(--spacing) * 10) 0}}.about-section{padding:calc(var(--spacing) * 8) 0;border-top:1px solid var(--glass-border)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing) * 16);align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:calc(var(--spacing) * 6)}.about-text p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:calc(var(--spacing) * 6)}.info-card{background:var(--panel-bg);padding:calc(var(--spacing) * 8);border-radius:12px;border:1px solid var(--glass-border)}.info-card h3{font-size:1.3rem;margin-bottom:calc(var(--spacing) * 4)}.info-card p{color:var(--text-secondary);font-size:1rem;margin-bottom:calc(var(--spacing) * 4)}.why-section{padding:calc(var(--spacing) * 8) 0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 12)}.value-card{padding:calc(var(--spacing) * 8);background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:12px;transition:border-color .3s ease}.value-card:hover{border-color:var(--accent-lime)}.value-icon{font-size:2rem;margin-bottom:calc(var(--spacing) * 4)}.value-card h3{font-size:1.1rem;margin-bottom:calc(var(--spacing) * 2)}.value-card p{color:var(--text-secondary);font-size:.9rem}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 6)}.integration-card{padding:calc(var(--spacing) * 8);background:#0d0d0c;border-radius:12px;border:1px solid var(--glass-border)}.integration-card h3{color:var(--accent-lime);margin-bottom:calc(var(--spacing) * 4)}.integration-card ul{padding-left:20px}.integration-card li{color:var(--text-secondary);margin-bottom:calc(var(--spacing) * 2)}.quote-box{margin-top:calc(var(--spacing) * 12);padding:calc(var(--spacing) * 10);background:linear-gradient(90deg,rgba(200,240,81,.05) 0%,transparent 100%);border-left:4px solid var(--accent-lime);font-size:1.25rem;font-style:italic;color:var(--text-primary)}.origin-section{position:relative;padding:calc(var(--spacing) * 20) 0;background:radial-gradient(circle at top right,rgba(200,240,81,.03) 0%,transparent 70%)}.origin-grid{max-width:800px}.origin-content h2{font-size:2.2rem;margin-bottom:calc(var(--spacing) * 8)}.origin-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:calc(var(--spacing) * 6);line-height:1.8}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:calc(var(--spacing) * 10)}.value-grid{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:1fr}.about-text h2{font-size:2rem}.origin-content h2{font-size:1.8rem}}.why-header{text-align:center;margin-bottom:calc(var(--spacing) * 16)}.why-header h2{font-size:3rem;margin-bottom:calc(var(--spacing) * 4)}.section-tag{display:inline-block;background:#c8f0511a;color:var(--accent-lime);padding:6px 16px;border-radius:99px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:calc(var(--spacing) * 4)}.why-subtitle{color:var(--text-secondary);font-size:1.2rem;max-width:500px;margin:0 auto}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing) * 6)}.bento-card{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:16px;padding:calc(var(--spacing) * 8);transition:all .3s ease}.bento-card:hover{border-color:#c8f0514d;transform:translateY(-4px)}.bento-card h3{font-size:1.2rem;margin:calc(var(--spacing) * 4) 0 calc(var(--spacing) * 2)}.bento-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.bento-icon{color:var(--accent-lime)}.bento-featured{grid-column:span 2;background:linear-gradient(135deg,var(--panel-bg) 0%,rgba(200,240,81,.03) 100%)}.bento-stat{margin-top:calc(var(--spacing) * 8);padding-top:calc(var(--spacing) * 6);border-top:1px solid var(--glass-border);display:flex;align-items:baseline;gap:calc(var(--spacing) * 3)}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-lime)}.stat-label{color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.integration-compare{display:flex;align-items:stretch;gap:calc(var(--spacing) * 6);margin-top:calc(var(--spacing) * 16)}.integration-option{flex:1;background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:16px;padding:calc(var(--spacing) * 8)}.option-featured{border-color:#c8f0514d;background:linear-gradient(135deg,var(--panel-bg) 0%,rgba(200,240,81,.05) 100%)}.option-header{margin-bottom:calc(var(--spacing) * 6)}.option-badge{display:inline-block;background:#ffffff0d;color:var(--text-secondary);padding:4px 12px;border-radius:99px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(var(--spacing) * 3)}.badge-featured{background:#c8f05126;color:var(--accent-lime)}.option-header h3{font-size:1.4rem}.option-list{list-style:none;padding:0;margin:0}.option-list li{display:flex;align-items:center;gap:calc(var(--spacing) * 3);color:var(--text-secondary);padding:calc(var(--spacing) * 3) 0;border-bottom:1px solid var(--glass-border)}.option-list li:last-child{border-bottom:none}.integration-divider{display:flex;align-items:center;justify-content:center;padding:0 calc(var(--spacing) * 4)}.integration-divider span{background:var(--bg-color);color:var(--text-secondary);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);border-radius:99px;font-size:.8rem;font-weight:600;border:1px solid var(--glass-border)}.founder-quote{margin-top:calc(var(--spacing) * 16);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.founder-quote blockquote{font-size:1.5rem;font-style:italic;color:var(--text-primary);line-height:1.7;margin:0 0 calc(var(--spacing) * 6);position:relative}.founder-quote blockquote:before{content:'"';position:absolute;left:-30px;top:-20px;font-size:5rem;color:#c8f0511a;font-family:Georgia,serif}.quote-author{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * 3)}.author-role{color:var(--accent-lime);font-size:.9rem;font-weight:600}@media(max-width:900px){.bento-grid{grid-template-columns:1fr}.bento-featured{grid-column:span 1}.integration-compare{flex-direction:column}.integration-divider{padding:calc(var(--spacing) * 4) 0}.why-header h2{font-size:2.2rem}.founder-quote blockquote{font-size:1.2rem}.founder-quote blockquote:before{left:0;top:-30px}}