:root{--bg:#05091c;--panel:#0b1230;--text:#f7f8fc;--muted:#a5acc0;--lime:#e00012;--line:#252c49}
.brand-logo{width:190px;height:68px;overflow:hidden;display:block;position:relative;flex:none}
.brand-logo img{position:absolute;width:220px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%) scale(2.3)}
.primary{color:#fff}
.actions{flex-wrap:wrap}.game-link{border-color:#e00012}.game-link span{color:#e00012;font-size:17px;line-height:1}
.showcase{background:#080e28;border-color:#2b3459}
.browser-bar{background:#101938}
.slide,.code-slide{background-color:#05091c}
.code-slide{background:radial-gradient(circle at 80% 10%,#3b1020,#060b20 58%)}
.products{background:#f7f8fc;color:#080d25}
.card:hover,.card.featured{background:#080e28}
.approach{background:#080d25}
footer{background:#e00012;color:#fff}
footer .eyebrow,footer>div>p:last-child{color:#ffd8dc}
footer .eyebrow i{background:#fff}
footer>.button{background:#05091c;color:#fff}
.foot{border-color:#f35c69}
.footer-brand{background:#fff;border-radius:3px;width:185px;height:58px}
.footer-brand img{width:205px;transform:translate(-50%,-50%) scale(2.25)}
@media(max-width:560px){.brand-logo{width:145px;height:58px}.brand-logo img{width:180px;transform:translate(-50%,-50%) scale(2.25)}.footer-brand{width:160px}}
.brand-logo{width:220px;height:70px;background:#fff;border-radius:3px;padding:3px 8px}
.brand-logo img,.footer-brand img{position:static;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}
.footer-brand{width:210px;height:68px}
@media(max-width:560px){.brand-logo,.footer-brand{width:170px;height:58px}.brand-logo img,.footer-brand img{width:100%;transform:none}}
.brand-logo,.footer-brand{background:transparent;border-radius:0;padding:0}
.nav{max-width:none;background:#f7f8fc;border-color:#d9dce8;padding-left:max(4vw,calc((100vw - 1288px)/2));padding-right:max(4vw,calc((100vw - 1288px)/2))}
.nav nav a,.nav-cta{color:#08102e}
footer{background:#f7f8fc;color:#08102e}
footer .eyebrow,footer>div>p:last-child{color:#616a82}
footer .eyebrow i{background:#e00012}
.foot{border-color:#d9dce8}
.local-motion{background:radial-gradient(circle at 78% 20%,#281023 0,#08102e 52%,#040817 100%)}
.motion-grid{position:absolute;inset:0;background-image:linear-gradient(#e0001212 1px,transparent 1px),linear-gradient(90deg,#e0001212 1px,transparent 1px);background-size:38px 38px;animation:gridMove 8s linear infinite}
.motion-code{position:absolute;left:10%;right:8%;top:15%;font:clamp(10px,1.15vw,16px)/2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#ccd2e6;transform:perspective(700px) rotateY(-5deg)}
.motion-code div{display:flex;gap:18px;opacity:0;animation:codeReveal 7s infinite}
.motion-code div:nth-child(2){animation-delay:.7s}.motion-code div:nth-child(3){animation-delay:1.4s}.motion-code div:nth-child(4){animation-delay:2.1s}.motion-code div:nth-child(5){animation-delay:2.8s}
.motion-code span{color:#545d7b}.motion-code p{margin:0}.motion-code i{color:#e00012;font-style:normal}.motion-code q{color:#f07c87}.motion-code b{color:#fff}.motion-code em{color:#e00012;font-style:normal}
.scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e00012,transparent);box-shadow:0 0 18px #e00012;animation:scan 4s ease-in-out infinite}
@keyframes codeReveal{0%,8%{opacity:0;transform:translateX(-18px)}16%,82%{opacity:1;transform:none}95%,100%{opacity:0}}
@keyframes gridMove{to{background-position:38px 38px}}
@keyframes scan{0%,100%{top:8%;opacity:0}15%{opacity:.8}85%{opacity:.8}95%{top:92%;opacity:0}}
.product-grid{grid-template-columns:repeat(4,1fr)}
.card{min-height:365px}
.demo-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d5dad6;padding-top:17px;text-transform:uppercase;letter-spacing:.6px}
.card:hover .demo-link,.card.featured .demo-link{border-color:#303957}
@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,1fr)}.card+.card{border-left:1px solid #d5dad6}.card:nth-child(n+3){border-top:0}}
@media(max-width:700px){.product-grid{grid-template-columns:1fr}.card{min-height:310px}.card:nth-child(n+2){border-top:0}}
.contact-copy{align-self:start}.contact-phone{display:inline-flex;gap:25px;margin-top:28px;font-size:18px;font-weight:800;color:#e00012}.contact-form{width:min(570px,46vw);display:grid;gap:17px}.contact-form label{display:grid;gap:8px;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#59627b}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cdd1dd;background:#fff;color:#08102e;padding:14px 15px;font:500 13px Manrope,Arial,sans-serif;outline:none;transition:.2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#e00012;box-shadow:0 0 0 3px #e0001215}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-submit{border:0;background:#e00012;color:#fff;padding:16px 20px;font:800 12px Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.7px;display:flex;justify-content:space-between;cursor:pointer}.form-submit:disabled{opacity:.65;cursor:wait}.form-trap{position:absolute!important;left:-9999px!important}.form-status{min-height:18px;margin:0;font-size:12px}.form-status.success{color:#16823a}.form-status.error{color:#c40012}
@media(max-width:900px){footer{grid-template-columns:1fr}.contact-form{width:100%;margin-top:40px}.foot{grid-column:1}}
@media(max-width:560px){.form-row{grid-template-columns:1fr}}
.contact-form{background:#fff;border:1px solid #dfe2eb;padding:30px;box-shadow:0 24px 70px #07102d12;border-radius:5px}
.contact-form label{line-height:1.2}.contact-form input,.contact-form textarea{border-radius:3px;background:#f8f9fc}.contact-form textarea{min-height:125px}.form-submit{margin-top:3px;border-radius:3px;transition:transform .2s,background .2s}.form-submit:hover{background:#b9000f;transform:translateY(-2px)}
@media(max-width:560px){.contact-form{padding:21px}}

/* Gitec Refleks Lab */
.mini-game{grid-column:1/-1;margin-top:95px;padding:52px;background:#080d25;color:#f7f8fc;display:grid;grid-template-columns:minmax(250px,.8fr) minmax(340px,1.25fr) minmax(220px,.65fr);gap:34px;align-items:stretch;position:relative;overflow:hidden;border-radius:7px;box-shadow:0 30px 80px #07102d20}
.mini-game::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#e00012;filter:blur(150px);opacity:.13;right:18%;top:-260px;pointer-events:none}
.game-intro,.game-stage,.leaderboard{position:relative;z-index:1}
.game-intro .eyebrow{color:#aeb6cc}.game-intro .eyebrow i{background:#e00012}
.game-intro h2{font-size:clamp(34px,3.5vw,54px);line-height:1.05;letter-spacing:-2.4px;margin:22px 0 18px}.game-intro h2 em{font-style:normal;color:#e00012}
.game-intro>p:not(.eyebrow):not(.game-note){color:#a5acc0;font-size:13px;line-height:1.75;max-width:410px}
.game-stats{display:flex;gap:12px;margin:30px 0 18px}.game-stats div{min-width:104px;border:1px solid #2b3459;background:#0c1330;padding:13px 16px;display:grid;gap:5px}.game-stats span{font-size:8px;letter-spacing:1.6px;color:#8d96b1}.game-stats strong{font:800 25px/1 Manrope,Arial,sans-serif;color:#fff;font-variant-numeric:tabular-nums}
.game-start,.score-submit{width:100%;border:0;border-radius:3px;background:#e00012;color:#fff;padding:15px 17px;font:800 11px Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;display:flex;justify-content:space-between;cursor:pointer;transition:.2s}.game-start:hover,.score-submit:hover{background:#b9000f;transform:translateY(-2px)}.game-start:disabled{opacity:.55;cursor:wait;transform:none}
.game-note{font-size:10px!important;color:#747e9b!important;margin:12px 0 0}
.game-stage{min-height:390px;border:1px solid #303958;background:radial-gradient(circle at 50% 50%,#151c3d,#070b1e 72%);overflow:hidden;isolation:isolate;touch-action:manipulation}
.game-stage::after{content:"GITEC // REACTION TEST";position:absolute;right:14px;bottom:11px;color:#57617d;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1px;z-index:-1}
.game-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:34px 34px;animation:gridMove 8s linear infinite;z-index:-1}
.game-ready{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#65708e;font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;pointer-events:none}
.game-target{position:absolute;width:58px;height:58px;border:0;border-radius:50%;background:#e00012;box-shadow:0 0 0 9px #e0001222,0 0 35px #e0001299;cursor:pointer;transform:translate(-50%,-50%);transition:left .12s ease,top .12s ease,transform .1s;animation:targetPulse 1s ease-in-out infinite;touch-action:manipulation}.game-target:hover{transform:translate(-50%,-50%) scale(1.08)}.game-target:active{transform:translate(-50%,-50%) scale(.86)}.game-target span{position:absolute;inset:14px;border:2px solid #fff;border-radius:50%}.game-target span::before,.game-target span::after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.game-target span::before{width:2px;height:30px}.game-target span::after{width:30px;height:2px}
@keyframes targetPulse{50%{box-shadow:0 0 0 15px #e0001208,0 0 45px #e00012aa}}
.leaderboard{border-left:1px solid #2a3353;padding-left:30px}.leaderboard-head{display:flex;justify-content:space-between;align-items:center;color:#8992ad;font-size:8px;letter-spacing:1.4px}.leaderboard-head b{color:#e00012}.leaderboard h3{font-size:22px;margin:18px 0 25px}.leaderboard ol{list-style:none;padding:0;margin:0;counter-reset:rank;display:grid}.leaderboard li{counter-increment:rank;display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #252e4c;font-size:12px}.leaderboard li::before{content:"0" counter(rank);color:#69728e;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.leaderboard li:first-child::before{color:#e00012}.leaderboard li strong{color:#fff;font-size:14px;font-variant-numeric:tabular-nums}.leaderboard .score-empty{display:block;color:#7e88a4;line-height:1.7}.leaderboard .score-empty::before{display:none}
.score-modal[hidden]{display:none}.score-modal{position:fixed;inset:0;background:#030612d9;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.score-card{width:min(440px,100%);background:#f7f8fc;color:#08102e;padding:35px;box-shadow:0 30px 100px #000b;position:relative;border-radius:5px}.score-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px;color:#747d94;cursor:pointer}.score-card .eyebrow{color:#6a7288}.score-card h3{font-size:32px;margin:22px 0 8px}.score-card h3 strong{color:#e00012}.score-card>p:not(.eyebrow):not(.score-status){font-size:13px;color:#687188;margin-bottom:25px}.score-card label{display:grid;gap:8px;font-size:9px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#59627b}.score-card input{width:100%;border:1px solid #cdd1dd;background:#fff;padding:14px 15px;font:600 14px Manrope,Arial,sans-serif;outline:none;border-radius:3px}.score-card input:focus{border-color:#e00012;box-shadow:0 0 0 3px #e0001215}.score-submit{margin-top:15px}.score-status{min-height:18px;margin:13px 0 0;font-size:11px;color:#c40012}.score-status.success{color:#16823a}
@media(max-width:1100px){.mini-game{grid-template-columns:.8fr 1.2fr}.leaderboard{grid-column:1/-1;border-left:0;border-top:1px solid #2a3353;padding:28px 0 0}.leaderboard ol{grid-template-columns:repeat(5,1fr);gap:12px}.leaderboard li{display:flex;flex-wrap:wrap;justify-content:space-between}.leaderboard li::before{width:100%}}
@media(max-width:760px){.mini-game{padding:28px;grid-template-columns:1fr;margin-top:65px}.game-stage{min-height:360px}.leaderboard{grid-column:auto}.leaderboard ol{grid-template-columns:1fr}.leaderboard li{display:grid;grid-template-columns:25px 1fr auto}.leaderboard li::before{width:auto}}
@media(max-width:560px){.mini-game{padding:22px;margin-left:-20px;margin-right:-20px;border-radius:0}.game-stage{min-height:330px}.game-target{width:54px;height:54px}.score-card{padding:28px 22px}}

/* Search engines and AI-readable FAQ */
.seo-faq{padding:110px max(4vw,calc((100vw - 1288px)/2));background:#f7f8fc;color:#080d25;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}.faq-heading{position:sticky;top:35px}.faq-heading .eyebrow{color:#616a82}.faq-heading .eyebrow i{background:#e00012}.faq-heading h2{font-size:clamp(38px,4.3vw,62px);line-height:1.06;letter-spacing:-2.8px;margin:20px 0}.faq-heading h2 em{font-style:normal;color:#e00012}.faq-heading>p:last-child{max-width:520px;color:#687188;font-size:14px;line-height:1.8}.faq-list{border-top:1px solid #d9dce8}.faq-list details{border-bottom:1px solid #d9dce8;padding:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:15px;font-weight:800;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#e00012;font-size:22px;font-weight:400;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0;padding:0 45px 26px 0;color:#687188;font-size:13px;line-height:1.85}
@media(max-width:900px){.seo-faq{grid-template-columns:1fr;gap:45px}.faq-heading{position:static}}
@media(max-width:560px){.seo-faq{padding:75px 20px}.faq-heading h2{letter-spacing:-2px}.faq-list summary{font-size:13px}}

/* Fixed WhatsApp contact */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:45;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 19px 0 15px;border-radius:999px;background:#25d366;color:#fff;font-size:12px;font-weight:800;letter-spacing:.2px;box-shadow:0 12px 34px #07102d45;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.whatsapp-float svg{width:27px;height:27px;fill:currentColor;flex:none}.whatsapp-float:hover{background:#1fbd5b;transform:translateY(-3px);box-shadow:0 17px 40px #07102d55}.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:560px){.whatsapp-float{right:16px;bottom:16px;width:56px;height:56px;min-height:56px;padding:0;justify-content:center}.whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}