:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#1957a5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}a:focus-visible{outline:3px solid #ffe25b;outline-offset:4px}
.site-header{position:absolute;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:88px;padding:12px clamp(22px,5vw,80px)}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;color:#fff;font-size:18px;font-weight:900;text-decoration:none;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #052d6c88}
.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a,.site-footer nav a{color:#e4f3ff;font-size:14px;font-weight:750;text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{color:#ffde62}
.header-download{justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:12px 14px 12px 18px;border:1px solid #fff4b1;border-radius:8px;background:#ffcf3e;color:#183957;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 4px 0 #ae7115,0 10px 22px #082d6c66}.soon-tag{padding:4px 6px;border-radius:4px;background:#fff3c8;color:#795117;font-size:10px;text-transform:uppercase}
.eyebrow{margin:0 0 16px;color:#b0f2ff;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}
.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:660px;height:min(84dvh,850px);padding:120px 24px 96px;overflow:hidden;text-align:center;background:#1957a5 url("bored-blocks-hero.png") center/cover no-repeat}
.hero-content{position:relative;z-index:2;width:min(100%,790px);margin:auto}.hero h1{margin:0;font-size:112px;font-weight:950;line-height:1;letter-spacing:0;text-shadow:0 5px 0 #0c3e8b,0 17px 26px #052b6d77}.hero-copy{width:min(100%,600px);margin:25px auto 33px;color:#e9f5ff;font-size:22px;line-height:1.5;text-shadow:0 2px 8px #0a3a7d}
.play-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:57px;padding:12px 24px;border:1px solid #fff3a8;border-radius:8px;background:#ffda46;color:#273551;font-size:16px;font-weight:900;text-decoration:none;box-shadow:inset 0 3px 0 #fff3a6,0 5px 0 #b67816,0 14px 22px #092d6a77;transition:transform .18s,box-shadow .18s}.play-button:hover{transform:translateY(-3px);box-shadow:inset 0 3px 0 #fff3a6,0 8px 0 #b67816,0 18px 26px #092d6a77}
.hero-footnote{position:absolute;z-index:2;bottom:34px;left:0;right:0;color:#d3ecff;font-size:14px;font-weight:800}
.float-tile{position:absolute;z-index:1;width:clamp(105px,14vw,205px);aspect-ratio:1;filter:drop-shadow(0 20px 22px #062c7499);animation:bob 4.4s ease-in-out infinite;will-change:transform}.float-tile img{width:100%;height:100%}.float-red{left:8%;top:18%;transform:rotate(-16deg);animation-delay:-1s}.float-yellow{right:9%;top:17%;transform:rotate(12deg);animation-delay:-2.6s}.float-blue{left:17%;bottom:7%;transform:rotate(13deg);animation-delay:-.5s}.float-green{right:15%;bottom:8%;transform:rotate(-10deg);animation-delay:-3.2s}
.tile-face{position:absolute;left:50%;top:50%;width:40%;height:32%;transform:translate(-50%,-50%)}.tile-face i{position:absolute;display:block;background:#142c46}.tile-face .eye{top:22%;width:11%;height:25%;border-radius:50%;animation:blink 5.2s infinite}.tile-face .left{left:25%}.tile-face .right{right:25%}.tile-face .mouth{left:37%;top:67%;width:26%;height:6%;border-radius:3px}.float-yellow .eye{animation-delay:1s}.float-green .eye{animation-delay:2.3s}.float-blue .eye{animation-delay:3.1s}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}
.section-shell{width:min(100% - 48px,1160px);margin:auto}.game-section{background:#f6fbff;color:#123456}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:center;gap:clamp(35px,8vw,120px);padding:92px 0}.game-copy .eyebrow,.benefits-heading .eyebrow{color:#cb365c}.game-copy h2,.benefits-heading h2,.download-inner h2{margin:0;font-size:60px;font-weight:900;line-height:1.08}.game-copy>p:not(.eyebrow){max-width:550px;color:#48647b;font-size:18px;line-height:1.65}.game-facts{display:flex;gap:32px;margin-top:36px;padding-top:24px;border-top:1px solid #cbddeb}.game-facts div{display:grid;gap:5px}.game-facts strong{color:#1761b8;font-size:26px}.game-facts span{color:#5d778b;font-size:14px}
.game-preview{justify-self:center;width:min(100%,400px);margin:0;text-align:center}.phone-shell{padding:8px;border:2px solid #273d54;border-radius:38px;background:#091827;box-shadow:0 32px 60px #10365e38}.phone-shell img{width:100%;border-radius:29px}.game-preview figcaption{margin-top:14px;color:#607d92;font-size:13px;font-weight:700}
.benefits-section{padding:92px 0 110px;background:#eaf4fc;color:#123456}.benefits-heading{max-width:780px;margin-bottom:43px}.benefit-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.benefit-card{display:flex;flex-direction:column;min-height:315px;padding:31px;border:1px solid #c9deee;border-radius:8px;background:#fff;box-shadow:0 12px 22px #113d6b0b}.benefit-card:nth-child(2),.benefit-card:nth-child(3){background:#194f9c;color:#fff;border-color:#1d64b2}.benefit-visual{position:relative;display:flex;align-items:center;min-height:115px;margin-bottom:auto}.benefit-visual img{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 8px #154c8930)}.benefit-easy .benefit-visual img+img{margin-left:-25px}.benefit-easy .benefit-visual img:nth-child(2){translate:0 -10px}.benefit-index{margin:20px 0 12px;color:#cd375d;font-size:12px;font-weight:900;letter-spacing:0}.benefit-card:nth-child(2) .benefit-index,.benefit-card:nth-child(3) .benefit-index{color:#9bebff}.benefit-card h3{max-width:520px;margin:0 0 9px;font-size:30px;line-height:1.2}.benefit-card p{max-width:530px;margin:0;color:#5a7082;font-size:16px;line-height:1.55}.benefit-card:nth-child(2) p,.benefit-card:nth-child(3) p{color:#d2eaff}.score-visual{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;color:#fff;line-height:1}.score-visual span:first-child{font-size:58px;font-weight:950;text-shadow:0 5px 0 #0a3271}.score-visual span:last-child{color:#ffe264;font-size:17px;font-weight:950}.time-visual{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.time-visual>span:first-child{font-size:54px;font-weight:950}.time-track{width:min(100%,280px);height:13px;border:2px solid #80c7ef;border-radius:9px;background:#0b3977}.time-track span{display:block;width:68%;height:100%;border-radius:9px;background:#59e75b}.tile-visual img{width:110px;height:110px}.tile-visual span{color:#d43c60;font-size:52px;font-weight:900}
.download-section{padding:82px 0;background:#144486 url("bored-blocks-hero.png") center/cover no-repeat}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}.download-inner>div:first-child{max-width:650px}.download-inner p:last-child{max-width:520px;color:#d7efff;font-size:17px;line-height:1.6}.store-list{display:flex;flex-direction:column;gap:12px;min-width:230px}.store-pill{display:flex;align-items:center;gap:13px;min-height:67px;padding:11px 16px;border:1px solid #ffffff65;border-radius:8px;background:#0b3278cc;color:#fff;font-size:17px;font-weight:850;box-shadow:0 8px 17px #06285f77}.store-pill small{display:block;color:#b9daff;font-size:12px;font-weight:700}.store-mark{font-size:29px;line-height:1}.play-mark{color:#72e1ae}
.reveal{opacity:0;transform:translateY(30px) scale(.97);transition:opacity .55s ease,transform .65s cubic-bezier(.2,1.25,.3,1)}.reveal.visible{opacity:1;transform:none}.benefit-card:nth-child(2){transition-delay:.09s}.benefit-card:nth-child(3){transition-delay:.18s}.benefit-card:nth-child(4){transition-delay:.27s}
.site-footer{display:flex;align-items:center;gap:30px;min-height:116px;padding:24px clamp(24px,5vw,78px);background:#103a77;color:#c9e5f9}.site-footer p{margin:0 auto 0 0;font-size:14px}.site-footer nav{display:flex;gap:22px}.site-footer small{font-size:12px;white-space:nowrap}
.interior{background:#f6fbff;color:#123456}.interior .site-header{position:relative;background:#1957a5}.document{min-height:calc(100dvh - 206px)}.document-intro{padding:74px max(24px,calc((100vw - 920px)/2)) 58px;background:#1957a5 url("bored-blocks-hero.png") center/cover no-repeat;color:#fff}.document-intro h1{margin:0;font-size:68px;line-height:1.06}.document-intro>p:last-child{max-width:720px;margin:20px 0 0;color:#e7f4ff;font-size:18px;line-height:1.6}.document-body{width:min(100% - 48px,920px);margin:0 auto;padding:26px 0 80px}.document-body section{padding:31px 0;border-bottom:1px solid #d1dfe9}.document-body h2{margin:0 0 10px;font-size:24px}.document-body p{max-width:760px;margin:0;color:#3e5b70;font-size:17px;line-height:1.7}.document-body a{color:#1264ae;font-weight:800}.contact-section{border-bottom:0!important}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.float-tile{width:120px}.float-red{left:-25px}.float-yellow{right:-25px}.float-blue{left:0}.float-green{right:0}.game-layout{grid-template-columns:1fr;gap:40px}.game-preview{width:min(100%,350px)}}
@media(max-width:640px){.site-header{min-height:72px;padding:10px 18px}.brand{font-size:16px}.brand img{width:36px;height:36px}.header-download{padding:9px 10px;font-size:13px;gap:5px}.soon-tag{font-size:9px}.hero{min-height:620px;height:83dvh;padding:100px 22px 75px}.hero h1{font-size:64px}.hero-copy{font-size:17px}.float-tile{width:105px;opacity:.86}.float-red{top:14%;left:-35px}.float-yellow{top:17%;right:-36px}.float-blue{bottom:6%;left:-28px}.float-green{bottom:8%;right:-30px}.section-shell{width:min(100% - 36px,1160px)}.game-layout{padding:70px 0}.benefits-section{padding:72px 0 85px}.benefit-grid{grid-template-columns:1fr}.benefit-card{min-height:290px}.download-inner{flex-direction:column;align-items:stretch}.store-list{flex-direction:row}.store-pill{flex:1;min-width:0;font-size:14px}.site-footer{flex-wrap:wrap;gap:16px 22px}.site-footer p{margin:0}.site-footer nav{width:100%}}
@media(max-width:390px){.brand span{font-size:14px}.hero h1{font-size:48px}.hero-copy{font-size:16px}.game-facts{gap:14px}.game-facts strong{font-size:22px}.store-list{flex-direction:column}.benefit-card{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float-tile,.tile-face .eye{animation:none}.play-button,.reveal{transition:none}.reveal{opacity:1;transform:none}}
@media(max-width:640px){.game-copy h2,.benefits-heading h2,.download-inner h2{font-size:38px}.benefit-card h3{font-size:25px}.hero-copy{font-size:18px}}
@media(max-width:390px){.hero-copy{font-size:16px}.game-copy h2,.benefits-heading h2,.download-inner h2{font-size:34px}}
.float-tile .tile-face{top:52%}
.float-tile .tile-face i{background:linear-gradient(120deg,#274664,#0b203b 65%);box-shadow:inset 1px 1px 1px #48678088,0 1px 1px #ffffff55}
.float-tile .tile-face .eye{top:12%;width:13%;height:39%;border-radius:38% / 16%}
.float-tile .tile-face .eye::after{content:"";position:absolute;left:18%;top:10%;width:25%;height:21%;border-radius:50%;background:#f3fbffb8}
.float-tile .tile-face .left{left:22%}.float-tile .tile-face .right{right:22%}
.float-tile .tile-face .mouth{left:35%;top:72%;width:30%;height:7%;border-radius:4px}