@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
.chess-case-study{--blue:#004aad;--blue-light:#1769d4;--blue-soft:#eaf2ff;--black:#050608;--dark:#080a0e;--dark-two:#10131a;--white:#fff;--off-white:#f6f7f9;--text:#12151b;--muted:#737984;--line:#12151b1a;color:var(--text);background:var(--off-white);font-family:Poppins,sans-serif;overflow:hidden}.chess-case-study *,.chess-case-study :before,.chess-case-study :after{box-sizing:border-box}.chess-case-study button,.chess-case-study a{font-family:inherit}.chess-container{width:min(1380px,100% - 80px);margin:0 auto}.scroll-progress{background:var(--blue);z-index:9999;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.chess-hero{color:#fff;background:radial-gradient(circle at 75% 40%,#004aad40,#0000 28%),radial-gradient(circle at 10% 90%,#004aad21,#0000 25%),#050608;flex-direction:column;min-height:900px;display:flex;position:relative;overflow:hidden}.hero-grid{opacity:.13;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero-noise{opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:4;flex:1;grid-template-columns:1fr .8fr;align-items:center;gap:100px;padding-top:100px;padding-bottom:90px;display:grid;position:relative}.case-study-tag{letter-spacing:2.5px;color:#ffffff9e;align-items:center;gap:10px;margin-bottom:28px;font-size:11px;font-weight:600;display:inline-flex}.case-study-tag span{background:var(--blue);width:28px;height:1px;display:block}.hero-copy h1{letter-spacing:-3px;max-width:800px;margin:0 0 30px;font-size:60px;font-weight:600;line-height:1.05}.hero-copy h1 span{color:#4c91eb;display:inline}.hero-description{color:#ffffffa6;max-width:650px;font-size:17px;font-weight:300;line-height:1.9}.hero-buttons{gap:14px;margin-top:40px;display:flex}.primary-button,.secondary-button,.cta-button{border-radius:100px;align-items:center;gap:18px;padding:17px 25px;font-size:13px;font-weight:600;text-decoration:none;transition:all .35s;display:inline-flex}.primary-button{color:#080a0e;background:#fff}.primary-button:hover{color:#fff;background:#4c91eb;transform:translateY(-4px)}.secondary-button{color:#fff;border:1px solid #ffffff29}.secondary-button:hover{background:#004aad26;border-color:#4c91eb}.hero-game-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0b;border:1px solid #ffffff1f;border-radius:30px;padding:32px;transition:all .5s;position:relative;transform:rotate(2deg);box-shadow:0 50px 120px #00000080,inset 0 1px #ffffff12}.hero-game-preview:hover{border-color:#4c91eb73;transform:rotate(0)translateY(-10px)}.preview-glow{background:var(--blue);opacity:.2;filter:blur(100px);pointer-events:none;width:300px;height:300px;position:absolute;top:10%;right:-15%}.preview-topbar{letter-spacing:2px;color:#ffffff73;justify-content:space-between;margin-bottom:22px;font-size:9px;display:flex}.live-dot{color:#75aaff}.hero-player{align-items:center;gap:12px;margin-bottom:18px;display:flex}.hero-avatar{background:#171c26;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.hero-player div{flex:1}.hero-player strong,.hero-player small{display:block}.hero-player strong{font-size:12px;font-weight:600}.hero-player small{color:#fff6;margin-top:2px;font-size:9px}.hero-player>b{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.bottom-player{margin-top:18px;margin-bottom:0}.hero-move{background:#004aad26;border:1px solid #4c91eb40;border-radius:12px;justify-content:space-between;margin-top:20px;padding:14px 16px;display:flex}.hero-move span{letter-spacing:1.5px;color:#fff6;font-size:8px}.hero-move strong{font-size:11px}.hero-bottom{z-index:5;letter-spacing:2px;color:#fff6;border-top:1px solid #ffffff1a;justify-content:space-between;padding:25px 0;font-size:9px;display:flex;position:relative}.chess-floating-pieces{pointer-events:none;position:absolute;inset:0}.piece{color:#ffffff0e;font-size:100px;animation:8s ease-in-out infinite floatPiece;position:absolute}.piece-one{top:20%;left:4%}.piece-two{animation-delay:-2s;top:12%;right:5%}.piece-three{font-size:70px;animation-delay:-4s;top:5%;left:40%}.piece-four{font-size:80px;animation-delay:-1s;bottom:10%;right:40%}.piece-five{font-size:75px;animation-delay:-5s;bottom:10%;left:12%}.piece-six{font-size:120px;animation-delay:-3s;bottom:25%;right:12%}@keyframes floatPiece{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translateY(-25px)rotate(4deg)}}.hero-orbit{pointer-events:none;border:1px solid #004aad33;border-radius:50%;position:absolute}.orbit-one{width:800px;height:800px;top:40px;right:-400px}.orbit-two{width:550px;height:550px;top:160px;right:-270px}.mini-board{aspect-ratio:1;border-radius:8px;grid-template-columns:repeat(8,1fr);width:100%;display:grid;overflow:hidden;box-shadow:0 25px 50px #00000040}.board-square{place-items:center;display:grid;position:relative}.light-square{background:#dfe7f2}.dark-square{background:#7291b8}.board-piece{z-index:2;font-family:Georgia,serif;font-size:clamp(16px,3vw,31px);line-height:1;transition:all .25s;position:relative}.white-piece{color:#fff;text-shadow:0 2px 3px #00000073}.black-piece{color:#12151b;text-shadow:0 1px 1px #ffffff1a}.mini-board-animated .board-square:nth-child(29){animation:3s infinite selectedSquare}@keyframes selectedSquare{0%,70%,to{box-shadow:inset 0 0 #004aad00}75%,90%{box-shadow:inset 0 0 0 4px #4c91ebcc}}.chess-light-section{background:var(--off-white)}.dark-section{background:var(--dark);color:#fff}.section-eyebrow{color:var(--blue);letter-spacing:3px;margin-bottom:35px;font-size:10px;font-weight:700}.light-eyebrow{color:#568fe1}.intro-section{padding:150px 0}.intro-grid{grid-template-columns:.3fr 1fr;gap:100px;display:grid}.intro-content h2,.challenge-heading h2,.tech-heading h2,.modes-heading h2,.features-top h2,.screens-header h2,.uiux-copy h2,.deliverables-heading h2,.results-heading h2,.timeline-heading h2{letter-spacing:-2.5px;margin:0 0 30px;font-size:50px;font-weight:500;line-height:1.08}.intro-content h2 span,.challenge-heading h2 span,.tech-heading h2 span,.modes-heading h2 span,.features-top h2 span,.screens-header h2 span,.uiux-copy h2 span,.deliverables-heading h2 span,.results-heading h2 span,.timeline-heading h2 span{color:var(--blue)}.intro-content>p{color:#646a75;max-width:850px;margin-bottom:22px;font-size:17px;line-height:1.9}.intro-highlights{background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:70px;display:grid}.intro-highlights div{background:var(--off-white);padding:28px 20px;transition:all .35s}.intro-highlights div:hover{background:#fff;transform:translateY(-5px)}.intro-highlights strong,.intro-highlights span{display:block}.intro-highlights strong{color:var(--blue);font-size:30px}.intro-highlights span{color:var(--muted);margin-top:5px;font-size:11px}.game-concept-section{padding:150px 0;position:relative;overflow:hidden}.concept-board-background{opacity:.045;width:650px;height:650px;position:absolute;top:50%;right:-220px;transform:translateY(-50%)rotate(12deg)}.concept-grid{z-index:2;grid-template-columns:.8fr 1fr;gap:100px;display:grid;position:relative}.concept-grid h2{letter-spacing:-3px;margin:0 0 28px;font-size:55px;font-weight:500;line-height:1.08}.concept-grid h2 span{color:#4c91eb}.concept-grid>div>p{color:#ffffff85;max-width:500px;line-height:1.9}.concept-cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.concept-card{background:#ffffff09;border:1px solid #ffffff1a;min-height:220px;padding:28px;transition:all .4s;position:relative;overflow:hidden}.concept-card:hover{background:#004aad1a;border-color:#4c91eb80;transform:translateY(-8px)}.concept-card>span{color:#4c91eb;letter-spacing:2px;font-size:10px}.concept-card h3{margin:45px 0 10px;font-size:18px;font-weight:600}.concept-card p{color:#ffffff73;font-size:12px;line-height:1.7}.concept-card i{color:#ffffff59;font-style:normal;transition:all .3s;position:absolute;top:25px;right:25px}.concept-card:hover i{color:#4c91eb;transform:translate(4px,-4px)}.challenge-section{padding:150px 0}.challenge-heading{grid-template-columns:1fr .6fr;align-items:end;gap:100px;display:grid}.challenge-heading p{color:#6c727c;font-size:15px;line-height:1.9}.challenge-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:80px;display:grid}.challenge-grid article{border-right:1px solid var(--line);padding:35px 28px;transition:all .35s}.challenge-grid article:last-child{border-right:0}.challenge-grid article:hover{background:#fff;transform:translateY(-7px)}.challenge-grid article>span{color:var(--blue);letter-spacing:2px;font-size:11px}.challenge-grid h3{margin:35px 0 14px;font-size:19px}.challenge-grid p{color:#777d87;font-size:12px;line-height:1.8}.timeline-section{padding:150px 0}.timeline-heading{max-width:800px}.timeline-heading h2{color:#fff}.timeline-heading h2 span{color:#4c91eb}.timeline-heading p{color:#ffffff7a;line-height:1.8}.timeline{margin-top:90px;position:relative}.timeline-line{background:#ffffff1f;width:1px;position:absolute;top:0;bottom:0;left:35px}.timeline-item{grid-template-columns:70px 1fr;gap:35px;padding-bottom:65px;display:grid;position:relative}.timeline-number{background:var(--dark);color:#4c91eb;z-index:2;border:1px solid #4c91eb66;border-radius:50%;place-items:center;width:70px;height:70px;font-size:12px;display:grid;position:relative}.timeline-info span{color:#ffffff59;letter-spacing:2px;margin-bottom:8px;font-size:10px;display:inline-block}.timeline-info h3{margin:0 0 10px;font-size:25px}.timeline-info p{color:#ffffff73;max-width:600px;font-size:13px;line-height:1.8}.modes-section{padding:150px 0}.modes-heading{justify-content:space-between;align-items:end;gap:50px;display:flex}.modes-heading p{color:#707681;max-width:420px;line-height:1.8}.modes-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:80px;display:grid}.mode-large{border:1px solid var(--line);background:#fff;min-height:400px;padding:30px;transition:all .4s;position:relative;overflow:hidden}.mode-large:after{content:"";background:var(--blue);opacity:.06;border-radius:50%;width:180px;height:180px;transition:all .5s;position:absolute;bottom:-100px;right:-100px}.mode-large:hover{border-color:#004aad40;transform:translateY(-10px);box-shadow:0 30px 70px #00000014}.mode-large:hover:after{transform:scale(2.2)}.mode-icon{background:var(--blue-soft);width:55px;height:55px;color:var(--blue);border-radius:15px;place-items:center;font-size:26px;display:grid}.mode-large>span{color:var(--blue);letter-spacing:2px;margin-top:70px;font-size:10px;display:block}.mode-large h3{margin:12px 0;font-size:22px}.mode-large p{color:#737984;font-size:12px;line-height:1.8}.mode-large>b{letter-spacing:2px;color:#999;font-size:9px;position:absolute;bottom:28px;left:30px}.features-section{padding:150px 0}.features-top{grid-template-columns:1fr .5fr;gap:100px;display:grid}.features-top h2{color:#fff}.features-top p{color:#ffffff73;line-height:1.8}.feature-pills{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:75px;display:grid}.feature-pill{color:#ffffffbf;border:1px solid #ffffff1a;align-items:center;gap:20px;padding:22px;font-size:12px;transition:all .3s;display:flex}.feature-pill span{color:#4c91eb;letter-spacing:1px;font-size:9px}.feature-pill:hover{background:#004aad1a;border-color:#4c91eb66;transform:translate(8px)}.tech-section{padding:150px 0}.tech-heading{max-width:850px}.tech-heading p{color:#707681;line-height:1.8}.tech-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:80px;display:grid}.tech-card{border:1px solid var(--line);background:#fff;min-height:290px;padding:35px;transition:all .4s}.tech-card:hover{border-color:#004aad4d;transform:translateY(-8px);box-shadow:0 25px 70px #00000012}.tech-card>span{color:var(--blue);letter-spacing:2px;font-size:10px}.tech-card h3{margin:45px 0 25px;font-size:24px}.tech-list{flex-wrap:wrap;gap:8px;display:flex}.tech-list b{color:#555b65;background:#f2f4f7;border-radius:5px;padding:9px 12px;font-size:10px;font-weight:500}.screens-section{padding:150px 0;overflow:hidden}.screens-header{grid-template-columns:1fr .5fr;align-items:end;gap:100px;display:grid}.screens-header h2{color:#fff}.screens-header p{color:#ffffff73;line-height:1.8}.screen-tabs{flex-wrap:wrap;gap:8px;margin-top:65px;display:flex}.screen-tabs button{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:50%;width:43px;height:43px;transition:all .3s}.screen-tabs button:hover,.screen-tabs button.active{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-4px)}.screen-showcase{grid-template-columns:.8fr 1fr;align-items:center;gap:100px;min-height:650px;display:grid}.showcase-copy>span{letter-spacing:2px;color:#4c91eb;font-size:9px}.showcase-copy>strong{color:#ffffff0f;margin:20px 0 25px;font-size:90px;line-height:.9;display:block}.showcase-copy h3{margin:-50px 0 25px;font-size:42px;line-height:1.1}.showcase-copy p{color:#ffffff7a;max-width:500px;font-size:14px;line-height:1.8}.showcase-progress{background:#ffffff1a;max-width:420px;height:2px;margin-top:45px}.showcase-progress div{background:#4c91eb;height:100%;transition:all .5s}.showcase-navigation{gap:8px;margin-top:25px;display:flex}.showcase-navigation button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;width:45px;height:45px;transition:all .3s}.showcase-navigation button:hover{background:var(--blue);border-color:var(--blue)}.showcase-device{justify-content:center;display:flex;position:relative}.device-shadow{filter:blur(35px);opacity:.7;background:#000;width:300px;height:80px;position:absolute;bottom:-10px}.phone-frame{z-index:2;background:#17191f;border:2px solid #30343d;border-radius:45px;width:320px;height:650px;padding:9px;transition:all .5s;position:relative;transform:rotate(4deg);box-shadow:0 60px 100px #0009,inset 0 0 0 1px #ffffff0f}.phone-frame:hover{transform:rotate(0)translateY(-15px)}.phone-speaker{z-index:10;background:#08090b;border-radius:0 0 15px 15px;width:75px;height:18px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone-screen{color:#fff;background:#0d1015;border-radius:36px;width:100%;height:100%;padding:34px 20px 20px;position:relative;overflow:hidden}.opening-screen{background:radial-gradient(circle at 50% 35%,#004aad66,#0000 45%),#080b11;flex-direction:column;justify-content:center;align-items:center;display:flex}.screen-glow{background:var(--blue);filter:blur(100px);opacity:.3;border-radius:50%;width:250px;height:250px;position:absolute}.screen-small-label{letter-spacing:2px;color:#fff6;font-size:8px}.opening-crown{color:#fff;text-shadow:0 0 40px #4c91eb80;margin:25px 0 10px;font-size:85px;animation:4s ease-in-out infinite crownFloat;position:relative}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.opening-screen h4{letter-spacing:4px;margin:0;font-size:26px}.opening-screen p{color:#ffffff73;margin:10px 0 30px;font-size:10px}.opening-screen button,.result-screen button{color:#0a0c10;letter-spacing:1px;cursor:pointer;background:#fff;border:0;border-radius:50px;padding:13px 25px;font-size:9px;font-weight:700}.screen-version{color:#ffffff40;font-size:7px;position:absolute;bottom:20px}.screen-top{color:#ffffff80;justify-content:space-between;font-size:9px;display:flex}.screen-top b{color:#fff;font-size:18px}.player-card{background:#171c25;border-radius:16px;align-items:center;gap:10px;margin-top:25px;padding:15px;display:flex}.player-card .avatar{background:#242d3a;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.player-card div{flex:1}.player-card small,.player-card strong{display:block}.player-card small{color:#6e7784;font-size:7px}.player-card strong{font-size:17px}.rating-up{color:#5c9aff;font-size:9px}.dashboard-title{margin:30px 0 15px;font-size:14px;font-weight:600}.mode-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode-card{background:#151920;border:1px solid #ffffff0f;border-radius:12px;min-height:90px;padding:14px;transition:all .3s}.mode-card:hover,.mode-card.active{background:#004aad2b;border-color:#4c91eb}.mode-card b{color:#4c91eb;font-size:20px;display:block}.mode-card span{color:#ffffff80;margin-top:12px;font-size:8px;display:block}.gameplay-screen{background:#0c0f14}.match-header,.match-footer{justify-content:space-between;align-items:center;display:flex}.match-header>div:first-child span,.match-footer>div:first-child span{color:#fff6;font-size:7px;display:block}.match-header strong,.match-footer strong{font-size:13px}.clock{background:#181e28;border-radius:7px;padding:8px 11px;font-size:11px}.gameplay-screen .mini-board{margin:25px 0}.match-footer{margin-top:4px}.player-clock{background:#004aad}.game-actions{color:#ffffff59;justify-content:space-between;margin-top:20px;display:flex}.matchmaking-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.radar{border:1px solid #4c91eb59;border-radius:50%;place-items:center;width:190px;height:190px;margin:30px 0;display:grid;position:relative}.radar>span{z-index:4;font-size:45px;position:relative}.radar-ring{border:1px solid #4c91eb40;border-radius:50%;animation:2.5s infinite radarPulse;position:absolute}.ring-one{width:70%;height:70%}.ring-two{width:45%;height:45%;animation-delay:-.7s}.ring-three{width:25%;height:25%;animation-delay:-1.4s}@keyframes radarPulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.matchmaking-screen h4{margin:0;font-size:20px}.matchmaking-screen p{color:#fff6;font-size:9px}.search-stats{gap:7px;margin-top:20px;display:flex}.search-stats span{color:#ffffff80;background:#181e27;border-radius:5px;padding:7px 10px;font-size:7px}.result-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.result-icon{margin:30px 0 10px;font-size:65px}.result-status{letter-spacing:3px;color:#5c9aff;font-size:11px}.result-score{margin-top:10px;font-size:50px;display:block}.result-caption{color:#fff6;font-size:8px}.result-line{color:#ffffff80;border-bottom:1px solid #ffffff14;justify-content:space-between;width:100%;margin-top:5px;padding:13px 0;font-size:9px;display:flex}.result-screen button{margin-top:25px}.screen-title{margin-bottom:25px;font-size:19px;font-weight:600}.history-row{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:15px 0;display:flex}.history-status{color:#5c9aff;font-size:9px}.status-1{color:#ff7070}.status-3{color:#d2a54c}.history-row div{flex:1}.history-row strong,.history-row small{display:block}.history-row strong{font-size:10px}.history-row small{color:#ffffff59;margin-top:4px;font-size:7px}.history-row>b{color:#5c9aff;font-size:10px}.profile-screen{text-align:center}.profile-avatar{background:#182130;border-radius:50%;place-items:center;width:75px;height:75px;margin:20px auto 15px;font-size:35px;display:grid}.profile-screen h4{margin:0;font-size:17px}.profile-handle{color:#ffffff59;font-size:8px}.profile-rating{background:#151a22;border-radius:14px;margin:30px 0;padding:18px}.profile-rating span,.profile-rating strong{display:block}.profile-rating span{letter-spacing:2px;color:#ffffff59;font-size:7px}.profile-rating strong{margin-top:5px;font-size:28px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.profile-stats div{background:#151a22;border-radius:10px;padding:12px 5px}.profile-stats b,.profile-stats span{display:block}.profile-stats b{font-size:12px}.profile-stats span{color:#ffffff59;margin-top:4px;font-size:6px}.learning-screen h4{margin:12px 0 20px;font-size:19px}.learning-screen .mini-board{border-radius:5px}.learning-options{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px;display:grid}.learning-options span{text-align:center;background:#171d27;border-radius:6px;padding:10px 4px;font-size:8px}.learning-screen p{color:#fff6;font-size:8px;line-height:1.7}.uiux-section{padding:150px 0}.uiux-grid{grid-template-columns:1fr .8fr;align-items:center;gap:120px;display:grid}.uiux-visual{place-items:center;min-height:600px;display:grid;position:relative}.uiux-center{z-index:3;width:330px;transition:all .5s;position:relative;transform:rotate(-5deg)}.uiux-center:hover{transform:rotate(0)scale(1.04)}.uiux-card{z-index:5;background:#ffffffeb;border:1px solid #004aad26;width:145px;padding:18px;transition:all .4s;position:absolute;box-shadow:0 25px 70px #00000014}.uiux-card:hover{border-color:#004aad66;transform:translateY(-8px)scale(1.04)}.uiux-card span,.uiux-card strong{display:block}.uiux-card span{letter-spacing:2px;color:#8a9099;font-size:7px}.uiux-card strong{margin-top:5px;font-size:13px}.uiux-card i{color:var(--blue);font-size:20px;font-style:normal;position:absolute;bottom:15px;right:15px}.card-one{top:12%;left:4%}.card-two{top:28%;right:3%}.card-three{bottom:12%;left:10%}.uiux-copy>p{color:#707681;font-size:14px;line-height:1.9}.privacy-note{border:1px solid var(--line);background:#fff;gap:20px;margin-top:35px;padding:25px;display:flex}.privacy-icon{width:40px;height:40px;color:var(--blue);background:var(--blue-soft);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.privacy-note strong{font-size:13px}.privacy-note p{color:#777d87;margin:8px 0 0;font-size:11px;line-height:1.8}.deliverables-section{padding:150px 0}.deliverables-heading{max-width:850px}.deliverables-heading h2{color:#fff}.deliverables-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:70px;display:grid}.deliverable-item{border:1px solid #ffffff14;align-items:center;gap:20px;min-height:80px;padding:15px 20px;transition:all .35s;display:flex}.deliverable-item:hover{background:#004aad24;border-color:#4c91eb59;transform:translate(7px)}.deliverable-item span{color:#4c91eb;font-size:9px}.deliverable-item strong{flex:1;font-size:12px;font-weight:500}.deliverable-item i{color:#ffffff40;font-style:normal}.results-section{padding:150px 0}.results-heading{grid-template-columns:1fr .55fr;align-items:end;gap:100px;display:grid}.results-heading p{color:#707681;line-height:1.8}.results-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:80px;display:grid}.result-stat{border:1px solid var(--line);background:#fff;min-height:250px;padding:35px;transition:all .4s}.result-stat:hover{transform:translateY(-10px);box-shadow:0 30px 80px #00000014}.result-stat strong{color:var(--blue);letter-spacing:-2px;font-size:45px;display:block}.result-stat span{margin-top:15px;font-size:13px;font-weight:600;display:block}.result-stat p{color:#777d87;font-size:11px;line-height:1.7}.results-statement{border:1px solid var(--line);text-align:center;background:#fff;margin-top:100px;padding:70px 50px}.results-statement>span{color:var(--blue);letter-spacing:3px;font-size:9px}.results-statement h3{max-width:850px;margin:25px auto 0;font-size:35px;font-weight:500;line-height:1.35}.results-statement em{color:var(--blue);font-style:normal}.review-section{padding:150px 0}.review-mark{color:#4c91eb;opacity:.3;font-family:Georgia,serif;font-size:160px;line-height:.5}.review-content{max-width:1000px;margin-left:100px}.review-content blockquote{letter-spacing:-1px;margin:30px 0 50px;font-size:34px;font-weight:400;line-height:1.5}.review-author{align-items:center;gap:15px;display:flex}.review-avatar{background:#151a22;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:50px;height:50px;font-size:20px;display:grid}.review-author strong,.review-author span{display:block}.review-author strong{font-size:13px}.review-author span{color:#fff6;margin-top:3px;font-size:10px}.chess-cta{color:#fff;text-align:center;background:radial-gradient(circle,#004aad73,#0000 40%),#050608;place-items:center;min-height:750px;display:grid;position:relative;overflow:hidden}.cta-board{opacity:.07;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(10deg)}.cta-content{z-index:5;max-width:900px;position:relative}.cta-content .case-study-tag{justify-content:center}.cta-content h2{letter-spacing:-3px;margin:10px 0 25px;font-size:60px;font-weight:500;line-height:1.05}.cta-content h2 span{color:#4c91eb}.cta-content p{color:#ffffff8c;max-width:650px;margin:0 auto;font-size:15px;line-height:1.8}.cta-button{color:#080a0e;background:#fff;margin-top:40px;padding:18px 30px}.cta-button:hover{color:#fff;background:#4c91eb;transform:translateY(-5px)}.project-nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0c10d1;border:1px solid #ffffff1a;border-radius:100px;gap:3px;padding:6px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.project-nav button{color:#ffffff73;cursor:pointer;background:0 0;border:0;border-radius:50px;padding:10px 15px;font-size:9px;transition:all .3s}.project-nav button:hover,.project-nav button.active{color:#fff;background:var(--blue)}@media (max-width:1200px){.hero-content{gap:50px}.hero-copy h1{font-size:55px}.intro-grid,.concept-grid,.uiux-grid{gap:60px}.modes-grid,.challenge-grid{grid-template-columns:1fr 1fr}.challenge-grid article:nth-child(2){border-right:0}.challenge-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-pills{grid-template-columns:1fr 1fr}}@media (max-width:900px){.chess-container{width:min(100% - 40px,700px)}.chess-hero{min-height:auto}.hero-content{grid-template-columns:1fr;padding-top:110px}.hero-game-preview{width:100%;max-width:520px;margin:0 auto}.hero-bottom{grid-template-columns:1fr 1fr;gap:15px;display:grid}.intro-grid,.concept-grid,.challenge-heading,.features-top,.screens-header,.screen-showcase,.uiux-grid,.results-heading{grid-template-columns:1fr}.intro-grid,.concept-grid,.uiux-grid{gap:50px}.intro-highlights,.challenge-grid,.tech-grid,.deliverables-grid,.results-grid{grid-template-columns:1fr 1fr}.screen-showcase{gap:50px}.showcase-device{order:-1}.screens-header{gap:20px}.uiux-visual{min-height:500px}.cta-content h2{font-size:52px}}@media (max-width:650px){.chess-container{width:min(100% - 28px,550px)}.hero-content{padding-top:90px;padding-bottom:60px}.hero-copy h1,.cta-content h2{letter-spacing:-2px;font-size:42px}.hero-description{font-size:14px;line-height:1.75}.hero-buttons{flex-direction:column;align-items:flex-start}.hero-bottom{letter-spacing:1px;font-size:7px}.intro-section,.game-concept-section,.challenge-section,.timeline-section,.modes-section,.features-section,.tech-section,.screens-section,.uiux-section,.deliverables-section,.results-section,.review-section{padding:90px 0}.intro-content h2,.challenge-heading h2,.tech-heading h2,.modes-heading h2,.features-top h2,.screens-header h2,.uiux-copy h2,.deliverables-heading h2,.results-heading h2,.timeline-heading h2{letter-spacing:-1.5px;font-size:37px}.intro-highlights{grid-template-columns:1fr 1fr;margin-top:50px}.intro-highlights strong{font-size:24px}.concept-grid h2{font-size:39px}.concept-cards,.challenge-grid,.feature-pills,.tech-grid,.deliverables-grid,.results-grid,.modes-grid{grid-template-columns:1fr}.challenge-grid article{border-right:0;border-bottom:1px solid var(--line)}.challenge-grid article:last-child{border-bottom:0}.mode-large{min-height:330px}.feature-pills{gap:7px}.tech-card{min-height:240px}.screen-tabs{margin-top:40px}.screen-showcase{min-height:auto}.showcase-copy>strong{font-size:65px}.showcase-copy h3{margin-top:-35px;font-size:34px}.phone-frame{border-radius:38px;width:275px;height:560px}.phone-screen{border-radius:30px}.uiux-visual{min-height:400px}.uiux-center{width:240px}.uiux-card{width:115px;padding:13px}.uiux-card strong{font-size:11px}.results-grid{gap:8px}.result-stat{min-height:200px;padding:25px}.result-stat strong{font-size:36px}.results-statement{padding:45px 22px}.results-statement h3{font-size:24px}.review-content{margin-left:0}.review-content blockquote{font-size:23px}.review-mark{font-size:100px}.chess-cta{min-height:650px}.project-nav{justify-content:center;width:calc(100% - 25px);overflow-x:auto}.project-nav button{white-space:nowrap;padding:9px 11px;font-size:8px}.piece{font-size:60px}}@media (max-width:420px){.hero-copy h1,.cta-content h2{font-size:36px}.hero-game-preview{padding:20px}.phone-frame{width:250px;height:510px}.showcase-copy>strong{font-size:55px}.showcase-copy h3{font-size:29px}.intro-highlights{grid-template-columns:1fr}.uiux-card{width:100px}.uiux-center{width:210px}}
