:root{--bg: #09090f;--bg-elevated: #111118;--card: rgba(18, 18, 28, .9);--border: rgba(168, 85, 247, .16);--text: #f8fafc;--muted: #94a3b8;--accent: #a855f7;--accent-2: #f97316;--danger: #fb7185;--success: #4ade80;--radius: 18px;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--glow: 0 0 40px rgba(168, 85, 247, .12);--font-body: "Outfit", system-ui, sans-serif;--font-display: "Space Grotesk", "Outfit", system-ui, sans-serif;font-family:var(--font-body);color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;min-height:100vh;max-width:100%;overflow-x:hidden;background:var(--bg);font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body.nav-locked{overflow:hidden}img,video{max-width:100%}a{color:var(--accent);text-decoration:none}h1,h2,h3,.brand{font-family:var(--font-display);letter-spacing:-.02em}.site{min-height:100vh;position:relative}.bg-ocean{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 18%,rgba(168,85,247,.22),transparent 32%),radial-gradient(circle at 88% 12%,rgba(249,115,22,.14),transparent 28%),radial-gradient(circle at 50% 100%,rgba(99,102,241,.1),transparent 38%),linear-gradient(180deg,#07070d,#0c0c14,#06060a);pointer-events:none;z-index:0}.header,.main,.footer{position:relative}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09090feb;box-shadow:0 8px 32px #00000040;position:sticky;top:0;z-index:50}.main,.footer{z-index:1}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:600}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#a855f7,#f97316);color:#fff;font-weight:800;box-shadow:0 4px 20px #a855f759}.nav-toggle,.nav-backdrop{display:none}.nav{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.nav a{color:var(--muted);transition:color .2s ease}.nav a:hover,.nav a.active{color:var(--text)}.nav a.active{font-weight:600}.nav a.btn,.nav .btn{color:#fff;font-weight:700}.nav a.btn:hover,.nav a.btn.active,.nav .btn:hover,.nav .whatsapp-link.btn,.nav .whatsapp-link.btn:hover{color:#fff}.nav-toggle{width:2.6rem;height:2.6rem;border:1px solid var(--border);border-radius:12px;background:#ffffff0a;padding:.55rem;cursor:pointer;flex-shrink:0;place-items:center;gap:5px}.nav-toggle span{display:block;width:1.15rem;height:2px;border-radius:999px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;background:#00000073;cursor:pointer}.main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.footer{display:flex;flex-direction:column;gap:0;padding:0 1.5rem 3rem;border-top:1px solid var(--border);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:2rem}.client-slider{width:100%;padding:1.75rem 0 1.5rem;border-bottom:1px solid var(--border)}.client-slider-label{margin:0 0 1.1rem;text-align:center;font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2)}.client-slider-viewport{overflow:hidden;padding:.5rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-slider-track{display:flex;align-items:center;width:max-content;gap:2rem;padding:.25rem 0;animation:client-scroll 42s linear infinite}.client-slider-track:hover{animation-play-state:paused}.client-logo-card{flex-shrink:0;width:220px;height:130px;margin:0;display:flex;align-items:center;justify-content:center;padding:.85rem 1.1rem;border-radius:14px;background:#fffffff7;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #00000038;overflow:visible}.client-logo-card img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.client-logo-card.tall{height:160px;width:200px;padding:.75rem 1rem}.client-logo-card.dark{background:#080a12f5;border-color:#a855f738}@keyframes client-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.client-slider-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}.client-slider-viewport{-webkit-mask-image:none;mask-image:none;overflow:visible}}.client-logo-card .debug-photo-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.client-logo-card .debug-photo-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.debug-photo-wrap{position:relative;display:block}.debug-photo-num{position:absolute;top:.45rem;left:.45rem;z-index:6;min-width:1.85rem;height:1.85rem;padding:0 .45rem;display:grid;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.82rem;line-height:1;box-shadow:0 4px 14px #00000080;pointer-events:none}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.whatsapp-link{display:inline-flex;align-items:center;gap:.5rem;color:#86efac;font-weight:600;text-decoration:none;transition:color .2s ease,transform .2s ease}.whatsapp-link:hover{color:#bbf7d0;transform:translateY(-1px)}.nav-whatsapp{font-size:.92rem}.footer-whatsapp{margin-top:.85rem}.whatsapp-icon{width:1.15rem;height:1.15rem;flex-shrink:0}.whatsapp-float{position:fixed;right:1.25rem;bottom:1.25rem;z-index:20;display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1rem .8rem .85rem;border-radius:999px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 12px 32px #22c55e59;transition:transform .2s ease,box-shadow .2s ease}.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 16px 36px #22c55e73;color:#fff}.whatsapp-float .whatsapp-icon{width:1.35rem;height:1.35rem}.whatsapp-float-text{font-size:.92rem}@media(max-width:900px){.whatsapp-float-text{display:none}.whatsapp-float{width:3.4rem;height:3.4rem;padding:0;justify-content:center;border-radius:50%;right:1rem;bottom:1rem}.nav-whatsapp span{display:inline}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow),var(--glow);padding:1.25rem}.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;padding:.75rem 1.2rem;background:linear-gradient(135deg,#a855f7,#f97316);color:#fff;font-weight:700;cursor:pointer;text-decoration:none;box-shadow:0 8px 24px #a855f747;transition:transform .15s ease,box-shadow .15s ease}.btn:hover,button.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #a855f761}.btn-small{padding:.55rem .95rem}.btn-block{width:100%}.btn-ghost,.nav .btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.55rem .95rem;cursor:pointer}.btn-ghost.small{padding:.35rem .65rem;font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:600;font-family:var(--font-display);color:var(--accent-2);margin:0 0 .5rem}.hero-tagline{text-transform:none;letter-spacing:.02em;font-size:clamp(.95rem,1.8vw,1.08rem);line-height:1.5;max-width:42ch}.hero{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;margin-bottom:1rem}.hero-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:1.5rem;align-items:center}.hero-title-block{min-width:0}.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;font-weight:700;margin:0}.lead{color:var(--muted);font-size:1.08rem;line-height:1.65;font-weight:400;letter-spacing:.01em}.gradient-text{background:linear-gradient(135deg,#c084fc,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.lead.narrow{max-width:62ch}.hero-support-frame{margin:0;width:100%;max-width:340px;height:fit-content;justify-self:end;align-self:center;padding:.65rem .75rem;border:1px solid rgba(168,85,247,.32);border-radius:12px;background:linear-gradient(135deg,#a855f71a,#f973160f),#12121cbf;box-shadow:0 0 36px #a855f71a;display:grid;place-items:center;text-align:center;overflow:hidden;box-sizing:border-box;min-width:0;container-type:inline-size}.hero-support-frame p{margin:0;width:100%;max-width:100%;font-family:var(--font-display);color:#eef2ff;font-size:clamp(1.05rem,6.5cqw,1.35rem);line-height:1.42;font-weight:600;letter-spacing:.01em;overflow-wrap:break-word}.hero-support-frame .frame-line-strong{display:inline-block;margin-top:.2rem;font-size:clamp(1.12rem,7.2cqw,1.48rem);letter-spacing:.04em;text-transform:uppercase}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.steps{list-style:none;padding:0;margin:0;display:grid;gap:1rem}.steps li{display:grid;gap:.2rem}.steps strong{font-size:1.05rem}.steps span{color:var(--muted)}.hero-steps{gap:.65rem}.hero-steps li{display:flex;gap:.85rem;align-items:flex-start;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.hero-step-num{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:linear-gradient(135deg,#a855f7,#f97316);color:#fff}.hero-steps li div{display:grid;gap:.2rem}.hero-steps li strong{font-size:1.05rem}.hero-steps li span{line-height:1.45;font-size:.92rem}.section{margin-top:2.5rem}.hero+.section{margin-top:.75rem}.how-it-works-section .hero-steps{margin-top:.5rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.game-grid,.plan-grid,.license-grid,.arch-grid{display:grid;gap:1rem}.game-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.game-categories{display:grid;gap:2.75rem}.game-category-block{padding:1.75rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(160deg,rgba(168,85,247,.05),transparent 55%),var(--card);box-shadow:var(--shadow)}.game-category-block+.game-category-block{margin-top:.25rem}.game-category-head{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(168,85,247,.12)}.game-category-head h3{margin:0 0 .5rem;font-size:1.5rem}.game-category-head .lead{margin:0;max-width:68ch}.plan-grid{grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto}.plan-grid.wide{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.plan-card{display:flex;flex-direction:column;height:100%;padding-bottom:.35rem}.plan-card .btn-block{margin-top:auto;padding:.5rem .85rem;font-size:.85rem;font-weight:600}.pricing-by-game{display:grid;gap:1.25rem;margin-top:1.5rem}.pricing-game-row{padding:1.25rem;border-color:color-mix(in srgb,var(--accent, #a855f7) 26%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--accent, #a855f7) 9%,transparent),transparent 60%),var(--card);box-shadow:var(--shadow),0 0 36px color-mix(in srgb,var(--accent, #a855f7) 9%,transparent)}.pricing-game-head{display:flex;align-items:center;gap:.85rem;margin-bottom:1rem;flex-wrap:wrap}.pricing-game-head h2{margin:0 0 .15rem;font-size:1.35rem}.pricing-game-head .muted{margin:0;font-size:.92rem}.pricing-game-head .age-badge{margin-left:auto;color:var(--accent, #a855f7);background:color-mix(in srgb,var(--accent, #a855f7) 14%,transparent);border-color:color-mix(in srgb,var(--accent, #a855f7) 28%,transparent)}.pricing-plan-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:1.25rem}.pricing-rentals{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:.85rem;flex:1 1 280px;min-width:0;overflow-x:auto}.pricing-system-sale{display:flex;flex-direction:column;flex:0 0 auto;margin-left:.35rem;padding-left:1.35rem;border-left:1px dashed color-mix(in srgb,var(--accent, #a855f7) 32%,var(--border))}.pricing-system-card{min-width:190px;border-style:dashed;background:color-mix(in srgb,var(--accent, #a855f7) 7%,var(--card))}.pricing-plan-card{display:flex;flex-direction:column;padding:1rem;border:1px solid color-mix(in srgb,var(--accent, #a855f7) 16%,var(--border));background:color-mix(in srgb,var(--accent, #a855f7) 4%,var(--card));box-shadow:none}.pricing-game-row .pricing-plan-card .price{color:color-mix(in srgb,var(--accent, #a855f7) 55%,#fff)}.pricing-game-row .btn:not(.btn-ghost){background:linear-gradient(135deg,var(--accent, #a855f7),color-mix(in srgb,var(--accent, #a855f7) 40%,#f97316));box-shadow:0 8px 24px color-mix(in srgb,var(--accent, #a855f7) 26%,transparent)}.pricing-game-row .btn:not(.btn-ghost):hover{box-shadow:0 12px 28px color-mix(in srgb,var(--accent, #a855f7) 36%,transparent)}.pricing-game-row .btn-ghost{border-color:color-mix(in srgb,var(--accent, #a855f7) 32%,var(--border));color:color-mix(in srgb,var(--accent, #a855f7) 75%,#fff)}.pricing-plan-card h3{margin:0 0 .35rem;font-size:1rem}.pricing-plan-card .price{margin:0 0 .65rem}.pricing-plan-card ul{flex:1;margin:0 0 .85rem;font-size:.88rem}.license-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.arch-grid{grid-template-columns:repeat(3,1fr);margin-top:1rem}.game-card{display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--accent, #a855f7) 6%,transparent),transparent),var(--card);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.game-card:hover{border-color:color-mix(in srgb,var(--accent, #a855f7) 35%,transparent);box-shadow:var(--shadow),0 0 32px color-mix(in srgb,var(--accent, #a855f7) 10%,transparent);transform:translateY(-2px)}.game-card.compact{flex-direction:row;gap:1rem;padding:1.25rem}.game-card-preview{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:#0a1628;border-bottom:1px solid var(--border)}.game-card-preview .debug-photo-wrap,.game-card-preview video{width:100%;height:100%;display:block}.game-card-preview .debug-photo-img,.game-card-preview video{width:100%;height:100%;object-fit:cover;display:block}.game-card-body{padding:1.25rem}.game-card.compact .game-card-body{padding:0}.game-card-header{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.35rem}.game-card-title-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.game-card-title-row h3,.game-card-title-row h1{margin:0}.game-detail-title-row{margin-bottom:.75rem}.game-card-icon{width:52px;height:52px;flex-shrink:0;border-radius:14px;display:grid;place-items:center;color:var(--accent, #a855f7);background:color-mix(in srgb,var(--accent, #a855f7) 18%,transparent);border:1px solid color-mix(in srgb,var(--accent, #a855f7) 35%,transparent)}.game-card-icon svg{width:28px;height:28px;display:block}.game-card-icon.large{width:72px;height:72px}.game-card-icon.large svg{width:38px;height:38px}.game-card ul,.check-list,.plan-card ul{margin:.75rem 0 0;padding-left:1.1rem;color:var(--muted)}.plan-card ul{margin-bottom:1.75rem}.game-card-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.badge{display:inline-flex;align-items:center;padding:.45rem .8rem;border-radius:999px;border:1px dashed var(--border);color:var(--muted)}.age-badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.03em;color:var(--accent-2);background:#f973161f;border:1px solid rgba(249,115,22,.28);flex-shrink:0}.age-badge-large{font-size:.85rem;padding:.35rem .75rem}.price{font-size:1.8rem;font-weight:800;margin:.4rem 0 .8rem}.price span{font-size:.95rem;color:var(--muted);font-weight:500}.page-top{padding-top:.5rem}.about-page{display:grid;gap:1.25rem}.about-hero,.about-company{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,380px);gap:1.5rem;align-items:center}.about-hero-copy h1,.about-company-copy h2,.about-projects h2,.about-team h2{margin:0 0 .85rem;font-size:clamp(1.6rem,3vw,2.2rem);text-transform:uppercase;letter-spacing:.04em;color:var(--accent-2)}.about-hero-tagline{margin:.75rem 0 1rem;max-width:42rem;color:var(--muted);line-height:1.65;font-size:1.05rem}.about-hero-tagline strong{color:var(--text);font-weight:700}.about-hero-lines{display:grid;gap:.15rem;margin-bottom:1rem}.about-hero-line{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;line-height:1;text-transform:uppercase;background:linear-gradient(135deg,#fde047,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent}.about-company-copy p,.about-project-copy p,.about-company-cibleball{margin:0 0 1rem;color:var(--muted);line-height:1.7}.about-company-cibleball strong{color:var(--text);font-weight:700}.about-company-link{color:var(--accent-2);font-weight:600}.about-hero-figure{margin:0}.about-hero-figure figcaption{margin-top:.55rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.about-focus-photo{overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#fff}.about-focus-photo .debug-photo-wrap,.about-focus-photo .debug-photo-img{display:block;width:100%}.about-focus-photo .debug-photo-img{width:100%;height:100%;object-fit:cover}.about-hero-photo{min-height:280px}.about-hero-photo .debug-photo-img{object-position:18% center;min-height:280px}.about-company-photo{overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#fff;min-height:280px}.about-company-photo .debug-photo-wrap,.about-company-photo .debug-photo-img{display:block;width:100%;height:100%}.about-company-photo .debug-photo-img{object-fit:cover;min-height:280px}.about-project-list{display:grid;gap:1rem}.about-project-row{display:grid;grid-template-columns:auto 140px minmax(0,1fr) minmax(120px,160px);gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.about-project-row:first-child{padding-top:0;border-top:0}.about-project-num{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:4px;background:var(--accent-2);color:#111;font-weight:800;font-family:var(--font-display)}.about-project-photo{min-height:92px}.about-project-photo.full .debug-photo-img{object-fit:cover;object-position:center;min-height:92px}.about-project-photo.project-1 .debug-photo-img{object-position:12% 22%;transform:scale(2.4);transform-origin:12% 22%}.about-project-photo.project-2 .debug-photo-img{object-position:12% 78%;transform:scale(2.4);transform-origin:12% 78%}.about-project-photo.project-3 .debug-photo-img{object-position:15% 82%;transform:scale(2.8);transform-origin:15% 82%}.about-project-copy h3{margin:0 0 .45rem;color:var(--accent-2);font-size:1.05rem}.about-project-partner{font-size:.82rem;font-weight:600;color:var(--muted);line-height:1.4}.about-team-grid{display:grid;gap:1.5rem}.about-team-member{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1.25rem;align-items:start;padding-top:1.25rem;border-top:1px solid var(--border)}.about-team-member:first-child{padding-top:0;border-top:0}.about-team-photo{overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#fff;aspect-ratio:1}.about-team-photo .debug-photo-wrap,.about-team-photo .debug-photo-img{display:block;width:100%;height:100%}.about-team-photo .debug-photo-img{object-fit:cover;object-position:center top}.about-team-copy h3{margin:0 0 .55rem;color:var(--accent-2);font-size:1.15rem}.about-team-copy p{margin:0;color:var(--muted);line-height:1.7}.back-link{display:inline-block;margin-bottom:1rem;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.game-detail-hero{display:flex;gap:1rem;align-items:start}.game-detail-hero-spotit{display:grid;grid-template-columns:auto 1fr minmax(240px,360px);gap:1.25rem;align-items:center}.game-detail-hero-spotit>div:nth-child(2){min-width:0}.game-detail-age-badge{display:inline-flex;margin-bottom:.55rem}.game-detail-title-row:has(h1:only-child){margin-bottom:.5rem}.game-demo-link{margin:.75rem 0 0;word-break:break-all}.game-demo-link a{color:var(--accent, #818cf8)}.game-demo-link a:hover{text-decoration:underline}.game-detail-how-spotit{display:grid;grid-template-columns:auto 1fr minmax(240px,360px);gap:1.25rem;align-items:center}.spotit-how-block{display:grid;gap:.75rem}.spotit-how-panels{display:grid;gap:1rem}.spotit-how-heading{margin:0;font-size:1.75rem}.spotit-panel-num{align-self:start;margin-top:.15rem}.game-detail-how-spotit:has(.spotit-panel-photos-pair-lobby){grid-template-columns:auto 1fr minmax(300px,500px)}.game-detail-how-spotit p{margin:0;color:var(--muted);line-height:1.65}.game-detail-hero-photo{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#0a1220}.game-detail-hero-photo .debug-photo-img{width:100%;height:auto;max-height:408px;object-fit:cover;object-position:center;display:block}.spotit-panel-photo-sm{max-width:312px;justify-self:end}.spotit-panel-photo-sm .debug-photo-img{max-height:221px;object-fit:cover}.spotit-panel-photo-phone{max-width:200px;justify-self:end}.spotit-panel-photos{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-self:end;align-items:flex-start}.spotit-panel-photos-pair{max-width:312px}.spotit-panel-photos-pair .game-detail-hero-photo{flex:1 1 0;min-width:0;max-width:none;width:auto}.spotit-panel-photos-pair .debug-photo-img{max-height:221px;width:100%;object-fit:cover;object-position:center top}.spotit-panel-photos-pair-lobby{max-width:500px;width:100%}.spotit-panel-photos-pair-lobby .game-detail-hero-photo:first-child{flex:2.75 1 0}.spotit-panel-photos-pair-lobby .game-detail-hero-photo:last-child{flex:.6 1 0;max-width:95px}.spotit-panel-photos-pair-lobby .game-detail-hero-photo:first-child .debug-photo-img{max-height:340px;object-fit:contain;object-position:center top}.spotit-panel-photos-pair-lobby .game-detail-hero-photo:last-child .debug-photo-img{max-height:280px;object-fit:cover;object-position:center top}.spotit-panel-photo-phone .debug-photo-img{max-height:340px;object-fit:contain;object-position:center top}.auth-page{display:grid;place-items:center;min-height:60vh}.auth-card{width:min(420px,100%);display:grid;gap:.85rem}label{display:grid;gap:.35rem;color:var(--muted);font-size:.92rem}input,select,textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:#030a12a6;color:var(--text);padding:.7rem .85rem;font:inherit}.muted{color:var(--muted)}.muted.center{text-align:center}.small{font-size:.85rem}.error-box,.success-box{padding:.75rem .9rem;border-radius:12px;margin:.5rem 0}.error-box{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.35);color:#ffb4b4}.success-box{background:#4ade801a;border:1px solid rgba(74,222,128,.28);color:#b6f7c8}.empty-state{text-align:center;padding:2rem}.license-card{display:grid;gap:1rem}.license-head{display:flex;gap:.85rem;align-items:center}.cred-grid{display:grid;gap:.75rem}.cred-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.label{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.25rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem}.break{word-break:break-all}.mini-game-list{display:flex;flex-wrap:wrap;gap:.75rem}.mini-game{display:inline-flex;align-items:center;gap:.5rem;color:var(--text)}.admin-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin:1rem 0}.span-2{grid-column:span 2}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600}.spotit-showcase{display:grid;gap:2rem;margin-top:2rem}.showcase-intro .lead{max-width:70ch}.showcase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1.25rem}.showcase-stats div{padding:.85rem;border-radius:14px;border:1px solid var(--border);background:#ffffff08;text-align:center}.showcase-stats strong{display:block;font-size:1.6rem;color:var(--accent-2)}.showcase-stats span{color:var(--muted);font-size:.85rem}.showcase-hero-strip{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:.85rem;align-items:stretch}.hero-strip-main{width:100%;height:100%;min-height:280px;max-height:440px;overflow:hidden}.hero-strip-main .debug-photo-img{width:100%;height:100%;min-height:280px;max-height:440px;object-fit:cover;object-position:center}.hero-strip-grid{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:.85rem;min-height:280px;max-height:440px}.hero-strip-grid .debug-photo-wrap{width:100%;height:100%;min-height:0;overflow:hidden}.hero-strip-grid .debug-photo-img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}.hero-strip-main,.hero-strip-grid .debug-photo-wrap,.showcase-figure .debug-photo-wrap,.venue-figure .debug-photo-wrap,.split-shot{width:100%;display:block;border-radius:14px;border:1px solid var(--border);overflow:hidden}.split-shot .debug-photo-img,.showcase-figure .debug-photo-img,.venue-figure .debug-photo-img{border:0;border-radius:0}.showcase-step{display:grid;gap:1rem}.step-header{display:flex;gap:1rem;align-items:flex-start}.step-number{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#ff6b4a,#ffb347);color:#1a0a04}.step-header h3{margin:0 0 .35rem}.step-header p{margin:0;color:var(--muted);line-height:1.55}.step-gallery{display:grid;gap:.85rem;align-items:stretch}.step-gallery.count-1{grid-template-columns:minmax(0,1fr);max-width:920px}.step-gallery.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.step-gallery.count-3,.step-gallery.count-4,.step-gallery.count-5{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-figure{margin:0;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#080e1cd9}.showcase-figure .debug-photo-wrap{display:block;max-height:220px;overflow:hidden;background:#0a1220}.showcase-figure .debug-photo-img,.venue-figure .debug-photo-img{width:100%;height:220px;max-height:220px;object-fit:contain;object-position:center;background:#0a1220;display:block}.step-gallery.count-1 .showcase-figure .debug-photo-wrap{max-height:380px}.step-gallery.count-1 .showcase-figure .debug-photo-img{height:auto;max-height:380px;aspect-ratio:16 / 10}.showcase-figure figcaption{margin:0;padding:.65rem .75rem;font-size:.82rem;color:var(--muted);text-align:center;border-top:1px solid var(--border);background:#ffffff05}.flow-list{list-style:none;padding:0;margin:1rem 0 1.25rem;display:grid;gap:.65rem}.flow-list li{display:grid;grid-template-columns:100px 1fr;gap:.75rem;align-items:center;padding:.65rem .85rem;border-radius:12px;border:1px solid var(--border);background:#ffffff05}.flow-role{font-weight:700;color:var(--accent-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.venue-group{margin-bottom:1.5rem}.venue-group h3{margin-bottom:.25rem}.venue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-top:.75rem}.venue-figure{margin:0;overflow:hidden;border-radius:14px;border:1px solid var(--border);background:#080e1cd9}.venue-figure .debug-photo-wrap{display:block;max-height:190px;overflow:hidden;background:#0a1220}.venue-figure .debug-photo-img{height:190px;max-height:190px;border:0;border-radius:0}.showcase-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.showcase-split h3{margin-top:0}.split-shot{margin-top:.75rem;max-width:100%;max-height:320px;background:#0a1220}.split-shot .debug-photo-wrap{max-height:320px}.split-shot .debug-photo-img{width:100%;height:auto;max-height:320px;object-fit:contain;display:block}.split-shot.phone{max-width:260px;margin-left:auto;margin-right:auto;max-height:360px}.split-shot.phone .debug-photo-img{max-height:360px}.showcase-split.single{grid-template-columns:minmax(0,420px);justify-content:center}.step-number.ringball-step{background:linear-gradient(135deg,#22c55e,#16a34a);color:#052e12}.ringball-showcase .showcase-stats strong{color:#4ade80}.step-number.aquarium-step{background:linear-gradient(135deg,#2ec4b6,#38bdf8);color:#042f2e}.aquarium-showcase .showcase-stats strong{color:#5eead4}.step-number.powerhand-step{background:linear-gradient(135deg,#eab308,#f97316);color:#422006}.powerhand-showcase .showcase-stats strong{color:#facc15}.video-showcase h2{margin-top:.25rem}.video-wrap{margin-top:1rem;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:#000}.demo-video{width:100%;display:block;max-height:520px;object-fit:contain}.video-placeholder{margin-top:1rem;padding:2rem;border-radius:14px;border:1px dashed var(--border);text-align:center;background:#ffffff05}.video-path{display:inline-block;margin:.5rem 0;padding:.4rem .75rem;border-radius:8px;background:#00000059}.step-number.bingo-step{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#f3e8ff}.bingo-showcase .showcase-stats strong{color:#c084fc}.step-number.wallball-step{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#ecfeff}.wallball-showcase .showcase-stats strong{color:#67e8f9}.wallball-hero{grid-template-columns:1fr}.showcase-split-three{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.step-gallery.count-3,.step-gallery.count-4,.step-gallery.count-5{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-split-three{grid-template-columns:1fr 1fr}}@media(max-width:900px){.hero,.hero-top,.two-col,.arch-grid,.admin-form .form-grid,.showcase-hero-strip,.step-gallery.count-1,.step-gallery.count-2,.step-gallery.count-3,.step-gallery.count-4,.venue-grid,.showcase-split,.showcase-split-three,.showcase-stats,.about-hero,.about-company,.about-project-row,.about-team-member,.game-grid,.plan-grid,.plan-grid.wide,.license-grid{grid-template-columns:1fr}.header{flex-wrap:nowrap;padding:.75rem 1rem;overflow:visible}.brand{min-width:0}.nav-toggle{display:grid;z-index:60}.nav-backdrop{display:block}.nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;z-index:55;flex-direction:column;align-items:stretch;gap:.65rem;padding:1rem;background:#09090ffa;border-bottom:1px solid var(--border);box-shadow:0 18px 40px #0006}.nav.nav-open{display:flex}.nav a.btn,.nav .btn,.nav .whatsapp-link.btn{width:100%;justify-content:center}.main{width:min(1120px,calc(100% - 1.25rem));padding:1.25rem 0 5.5rem}.hero h1{font-size:clamp(1.85rem,9vw,2.6rem)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-support-frame{max-width:100%;justify-self:stretch}.section-head{flex-direction:column;align-items:start}.game-category-block{padding:1.15rem 1rem}.game-card-actions{flex-direction:column}.game-card-actions .btn{width:100%}.about-team-photo{max-width:220px}.about-project-row{justify-items:start}.about-project-photo{width:100%;max-width:280px}.about-hero-photo,.about-company-photo,.about-hero-photo .debug-photo-img,.about-company-photo .debug-photo-img{min-height:200px}.hero-support-frame{max-width:min(340px,100%);justify-self:center}.game-detail-hero{flex-direction:column}.game-detail-hero-spotit{grid-template-columns:1fr;justify-items:start}.game-detail-how-spotit{grid-template-columns:1fr}.spotit-panel-num{justify-self:start}.game-detail-hero-photo{width:min(336px,100%);justify-self:center}.spotit-panel-photo-sm{max-width:min(312px,100%)}.spotit-panel-photos-pair{max-width:min(312px,100%);justify-self:center}.spotit-panel-photos-pair-lobby{max-width:min(500px,100%);justify-self:center}.game-detail-how-spotit:has(.spotit-panel-photos-pair-lobby){grid-template-columns:1fr}.spotit-panel-photo-phone{max-width:min(200px,100%)}.hero-strip-main,.hero-strip-grid{min-height:180px;max-height:none}.hero-strip-grid{grid-template-rows:none;grid-template-columns:1fr}.hero-strip-grid .debug-photo-img{aspect-ratio:16 / 10;height:auto}.step-gallery.count-2,.step-gallery.count-3,.step-gallery.count-4,.step-gallery.count-5{grid-template-columns:1fr}.showcase-figure .debug-photo-wrap,.showcase-figure .debug-photo-img{max-height:240px;height:240px}.step-gallery.count-1 .showcase-figure .debug-photo-wrap,.step-gallery.count-1 .showcase-figure .debug-photo-img{max-height:280px;height:auto}.step-gallery.count-1{max-width:none}.pricing-game-head{flex-wrap:wrap}.pricing-game-head .age-badge{margin-left:0}.pricing-plan-row{flex-direction:column;gap:1rem}.plan-grid,.pricing-rentals{grid-auto-flow:row;grid-auto-columns:unset;grid-template-columns:1fr;overflow-x:visible}.pricing-system-sale{margin-left:0;padding-left:0;padding-top:1rem;border-left:none;border-top:1px dashed color-mix(in srgb,var(--accent, #a855f7) 32%,var(--border))}.flow-list li{grid-template-columns:1fr;gap:.25rem}.span-2{grid-column:auto}.footer{padding:0 1rem 5.5rem}.footer-inner{flex-direction:column;gap:1.25rem}.client-logo-card{width:160px;height:96px}.client-logo-card.tall{width:150px;height:110px}.card{padding:1rem}.video-wrap,.demo-video{width:100%;max-width:100%;height:auto}}@media(max-width:640px){.brand span{font-size:.95rem}.brand-mark{width:36px;height:36px;border-radius:10px}.hero-tagline{max-width:none}.about-hero-line{font-size:clamp(1.35rem,8vw,1.9rem)}.about-project-row{grid-template-columns:auto minmax(0,1fr)}.about-project-photo{grid-column:1 / -1;max-width:none}.about-project-copy,.about-project-partner{grid-column:1 / -1}.about-team-member{justify-items:center;text-align:center}.about-team-photo{max-width:180px;width:100%}.showcase-stats{grid-template-columns:1fr 1fr}.step-header{flex-direction:column;gap:.65rem}.price{font-size:1.45rem}}