:root{--navy:#07123b;--blue:#1754ff;--sky:#32b9ff;--yellow:#ffd33d;--red:#ff4e61;--green:#38d78b;--paper:#f6f7fb;--ink:#101739;--muted:#6c7392;--line:#dde1ed;--display:'Archivo Black',sans-serif;--body:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}.page-width{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.chromatic-nav{height:82px;position:absolute;z-index:20;top:0;left:50%;width:min(1180px,calc(100% - 48px));transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15);color:#fff}.brand-lockup{display:flex;align-items:center;gap:12px;font:18px var(--display);letter-spacing:-.04em}.brand-lockup img{border-radius:13px;box-shadow:0 10px 25px #00105144}.brand-lockup b{color:var(--yellow)}.nav-cluster{display:flex;gap:34px;font-size:13px;font-weight:700;color:#c6d1f2}.nav-cluster a:hover{color:#fff}.nav-pill{padding:11px 17px;border:1px solid #ffffff44;border-radius:99px;font-size:12px;font-weight:800}.nav-pill span{color:var(--yellow);margin-left:5px}
.prism-hero{min-height:940px;position:relative;overflow:hidden;padding:160px max(24px,calc((100vw - 1180px)/2)) 150px;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;color:#fff;background:radial-gradient(circle at 80% 15%,#255fff 0,transparent 30%),radial-gradient(circle at 48% 85%,#4d1e9a 0,transparent 30%),linear-gradient(140deg,#07123b 0%,#0d1b5c 56%,#132a75 100%)}.prism-hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-message,.puzzle-canvas{position:relative;z-index:3}.micro-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#b9c6ed}.micro-label>span{width:25px;height:3px;border-radius:5px;background:var(--yellow)}.micro-label.dark{color:#6c7392}.micro-label.light{color:#c6d2f3}.hero-message h1,.section-intro h2,.stage-heading h2,.steps-copy h2,.mode-copy h2,.final-banner h2{font-family:var(--display);letter-spacing:-.055em;line-height:.89;margin:22px 0;text-transform:uppercase}.hero-message h1{font-size:clamp(66px,7vw,104px)}h1 em,h2 em{font-style:normal;color:var(--yellow)}.hero-message>p{max-width:570px;color:#c5cee9;font-size:16px;line-height:1.75}.hero-controls{display:flex;align-items:center;gap:18px;margin:34px 0}.play-trigger,.store-link{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:13px;padding:12px 23px;min-height:62px;border-radius:14px;background:var(--yellow);color:var(--ink);box-shadow:0 14px 35px #0004,0 5px 0 #c78c00;font-weight:800;transition:.22s}.play-trigger:hover,.store-link:hover{transform:translateY(-3px);box-shadow:0 18px 42px #0005,0 7px 0 #c78c00}.play-trigger svg,.store-link svg{width:27px;height:27px;fill:currentColor}.play-trigger>span,.store-link>span{display:flex;flex-direction:column;font-size:15px;line-height:1.1;text-align:left}.play-trigger small,.store-link small{font-size:8px;letter-spacing:.12em;margin-bottom:3px}.quiet-link{font-size:12px;font-weight:800;color:#d6def5}.quiet-link b{color:var(--yellow);margin-left:7px}.hero-proof{display:flex;gap:35px;margin-top:38px}.hero-proof>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-proof b{font:25px var(--display)}.hero-proof span{font-size:9px;color:var(--yellow);letter-spacing:1px}.hero-proof small{width:100%;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7f8cb7}
.puzzle-canvas{height:600px}.canvas-grid{position:absolute;inset:0;border-radius:42px;transform:rotate(2deg);background:linear-gradient(145deg,#174ce7,#10216d);box-shadow:0 45px 100px #0008}.canvas-grid:before{content:"";position:absolute;inset:28px;opacity:.2;background-image:linear-gradient(#fff 2px,transparent 2px),linear-gradient(90deg,#fff 2px,transparent 2px);background-size:68px 68px}.wide-shot{position:absolute;z-index:2;width:88%;right:2%;top:92px;border:8px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 35px 75px #02062199;transform:rotate(-4deg)}.wide-shot img{width:100%;aspect-ratio:1052/592;object-fit:cover}.app-stamp{position:absolute;z-index:4;left:-25px;top:13px;width:180px;padding:12px;display:flex;align-items:center;gap:12px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 22px 55px #0007;transform:rotate(-5deg)}.app-stamp img{width:67px;border-radius:16px}.app-stamp span{font:16px/1.04 var(--display);letter-spacing:-.03em}.app-stamp b{color:var(--blue)}.score-bubble{position:absolute;z-index:4;right:-23px;bottom:35px;display:flex;flex-direction:column;padding:16px 21px;border:1px solid #ffffff33;border-radius:19px;background:#08123de8;backdrop-filter:blur(15px);box-shadow:0 20px 50px #0007}.score-bubble small{font-size:8px;letter-spacing:.18em;color:#8fa1d8}.score-bubble strong{font:45px var(--display);color:var(--yellow);line-height:1}.score-bubble span{font-size:9px;color:#a7b3d8;margin-top:5px}.floating-piece{position:absolute;z-index:5;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;font-size:31px;font-weight:900;color:#fff;box-shadow:0 12px 25px #0005}.piece-a{right:15px;top:20px;background:var(--red);transform:rotate(15deg)}.piece-b{left:15px;bottom:40px;background:var(--green);transform:rotate(-12deg)}.piece-c{right:150px;bottom:0;background:#9b57ff;transform:rotate(7deg)}.block-confetti i{position:absolute;width:22px;height:22px;border-radius:5px;opacity:.55}.block-confetti i:nth-child(1){left:3%;top:22%;background:var(--red);transform:rotate(20deg)}.block-confetti i:nth-child(2){left:44%;top:12%;background:var(--yellow)}.block-confetti i:nth-child(3){right:2%;top:38%;background:var(--green);transform:rotate(35deg)}.block-confetti i:nth-child(4){left:35%;bottom:22%;background:#9857ff}.block-confetti i:nth-child(5){right:9%;bottom:14%;background:var(--red)}.block-confetti i:nth-child(6){left:7%;bottom:9%;background:var(--sky)}.hero-marquee{position:absolute;z-index:6;left:0;right:0;bottom:0;overflow:hidden;border-block:2px solid #ffffff22;background:#0b153f}.hero-marquee>div{width:max-content;display:flex;padding:16px 0;animation:marquee 26s linear infinite}.hero-marquee span{font:17px var(--display);letter-spacing:.02em;margin-right:35px;color:#fff}@keyframes marquee{to{transform:translateX(-50%)}}
.idea-section{padding:120px 0}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:55px}.section-intro h2,.stage-heading h2,.steps-copy h2,.mode-copy h2{font-size:clamp(52px,6vw,82px)}.section-intro h2 em,.steps-copy h2 em,.mode-copy h2 em{color:var(--blue)}.section-intro>p{max-width:420px;color:var(--muted);line-height:1.8;font-size:14px}.mosaic-features{display:grid;grid-template-columns:.9fr 1.4fr .8fr;gap:18px}.mosaic-card{min-height:420px;position:relative;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:27px;background:#fff;box-shadow:0 20px 60px #15214a0f}.card-index{position:relative;z-index:3;font:12px var(--display);color:var(--blue)}.mosaic-card h3{font:27px var(--display);text-transform:uppercase;margin:22px 0 10px;letter-spacing:-.04em}.mosaic-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.strategy-card{display:flex;flex-direction:column;justify-content:flex-end;background:#eef2ff}.strategy-card>.card-index{position:absolute;top:28px}.mini-board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:10px;transform:rotate(-3deg)}.mini-board i{aspect-ratio:1;border-radius:5px;background:#d9dff1;box-shadow:inset 0 -3px #00000012}.mini-board .c-blue{background:#3f79ff}.mini-board .c-red{background:#ff5969}.mini-board .c-yellow{background:#ffd243}.mini-board .c-green{background:#42d593}.mini-board .c-purple{background:#a56aff}.mini-board .c-orange{background:#ff9d42}.visual-card{padding:0;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr .72fr}.visual-card>img{width:100%;height:100%;object-fit:cover}.visual-card>div{padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.visual-card p{color:#aeb9d7}.visual-card .card-index{position:absolute;top:30px}.calm-card{display:flex;flex-direction:column;justify-content:flex-end;background:var(--yellow);border-color:#e1ad08}.calm-icon{width:76px;height:76px;position:absolute;right:28px;top:28px;display:grid;place-items:center;border-radius:24px;background:var(--ink);color:#fff;font:38px var(--display);transform:rotate(8deg)}.calm-card p{color:#685900}
.screen-stage{padding:110px 0;background:var(--navy);color:#fff;overflow:hidden}.stage-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:55px}.stage-heading h2 em,.final-banner h2 em{color:var(--yellow)}.stage-tools{max-width:390px}.stage-tools p{color:#9eabd2;font-size:13px;line-height:1.75}.stage-tools>div{display:flex;gap:8px;margin-top:20px}.stage-tools button{width:45px;height:45px;border:1px solid #ffffff22;border-radius:50%;background:#ffffff0b;color:#fff;cursor:pointer;font-size:18px}.stage-tools button:hover{background:var(--yellow);color:var(--ink)}.screen-ribbon{display:flex;align-items:flex-start;gap:18px;overflow-x:auto;padding:5px max(24px,calc((100vw - 1180px)/2)) 35px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--yellow) #172453}.screen-ribbon figure{flex:0 0 auto;margin:0;scroll-snap-align:start}.screen-ribbon img{width:100%;height:100%;object-fit:cover;border-radius:18px;border:1px solid #ffffff24;box-shadow:0 24px 55px #0007}.landscape-frame{width:520px}.landscape-frame img{height:292px}.portrait-frame{width:210px}.portrait-frame img{height:374px}.screen-ribbon figcaption{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#9caad0}.screen-ribbon figcaption span{color:var(--yellow)}
.steps-section{padding:120px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:110px;align-items:center}.steps-copy>p,.mode-copy>p{max-width:430px;color:var(--muted);font-size:14px;line-height:1.8}.steps-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.steps-list li{display:grid;grid-template-columns:45px 1fr 60px;align-items:center;gap:20px;min-height:145px;border-bottom:2px solid var(--ink)}.steps-list li>span{font:12px var(--display);color:var(--blue)}.steps-list b{font:22px var(--display);text-transform:uppercase}.steps-list p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.steps-list i{font-style:normal;width:54px;height:54px;display:grid;place-items:center;background:var(--yellow);border-radius:15px;font-size:27px;transform:rotate(4deg)}
.mode-section{padding:35px 0 135px;display:grid;grid-template-columns:1.1fr .9fr;gap:95px;align-items:center}.mode-gallery{height:620px;position:relative;border-radius:32px;background:linear-gradient(145deg,#1b58fa,#12246c);overflow:hidden}.mode-gallery:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:55px 55px}.mode-shot{position:absolute;width:245px;height:435px;overflow:hidden;border:6px solid #fff;border-radius:26px;box-shadow:0 30px 60px #0007}.mode-shot img{width:100%;height:100%;object-fit:cover}.mode-one{left:60px;top:80px;transform:rotate(-8deg)}.mode-two{right:50px;top:110px;transform:rotate(8deg)}.mode-badge{position:absolute;z-index:3;bottom:28px;left:50%;transform:translateX(-50%) rotate(-3deg);padding:12px 22px;border-radius:18px;background:var(--yellow);box-shadow:0 15px 35px #0005;display:flex;align-items:center;gap:10px}.mode-badge b{font:33px var(--display)}.mode-badge span{font-size:9px;font-weight:900;line-height:1.2}.mode-copy ul{padding:0;margin:28px 0 0;list-style:none}.mode-copy li{padding:13px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.mode-copy li span{color:var(--blue);margin-right:10px}
.final-banner{min-height:390px;position:relative;overflow:hidden;margin-bottom:100px;padding:66px 70px;display:flex;align-items:center;justify-content:space-between;gap:70px;border-radius:34px;background:linear-gradient(125deg,#184bff,#842fff);color:#fff;box-shadow:0 30px 75px #2335a933}.final-banner>div:not(.banner-blocks),.final-banner>a{position:relative;z-index:2}.final-banner h2{font-size:clamp(46px,5.3vw,72px)}.final-banner p{color:#d5dcff}.store-link{min-width:220px;justify-content:center;background:#fff;color:var(--ink);box-shadow:0 14px 35px #0004,0 5px 0 #c9cfec}.store-link:hover{box-shadow:0 18px 42px #0005,0 7px 0 #c9cfec}.banner-blocks i{position:absolute;width:55px;height:55px;border-radius:12px;background:#ffffff17;transform:rotate(20deg)}.banner-blocks i:nth-child(1){left:4%;top:10%}.banner-blocks i:nth-child(2){left:48%;bottom:5%}.banner-blocks i:nth-child(3){right:3%;top:8%}.banner-blocks i:nth-child(4){right:24%;bottom:12%}.banner-blocks i:nth-child(5){left:31%;top:35%}
.site-footer{padding:60px 0 25px;background:#050b25;color:#fff}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:40px;padding-bottom:45px}.footer-main>p{font-size:12px;color:#828eaf}.footer-main>div{display:flex;justify-content:flex-end;gap:25px;font-size:11px;color:#b5bfda}.footer-note{padding-top:22px;border-top:1px solid #ffffff14;display:flex;justify-content:space-between;color:#66718f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:980px){.nav-cluster{display:none}.prism-hero{grid-template-columns:1fr;padding-top:140px;text-align:center}.hero-message>p{margin-inline:auto}.micro-label,.hero-controls,.hero-proof{justify-content:center}.puzzle-canvas{width:min(690px,100%);margin:auto}.section-intro,.stage-heading{align-items:flex-start;flex-direction:column}.mosaic-features{grid-template-columns:1fr 1fr}.visual-card{grid-column:1/-1}.steps-section,.mode-section{grid-template-columns:1fr}.steps-section{gap:55px}.mode-gallery{grid-row:2}.final-banner{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr}.footer-main>div{justify-content:flex-start}}
@media(max-width:620px){.page-width,.chromatic-nav{width:min(100% - 30px,1180px)}.chromatic-nav{height:72px}.brand-lockup{font-size:14px}.brand-lockup img{width:42px;height:42px}.nav-pill{font-size:10px}.prism-hero{min-height:auto;padding:125px 15px 125px;gap:35px}.hero-message h1{font-size:58px}.hero-message>p{font-size:14px}.hero-controls{flex-direction:column;align-items:stretch}.play-trigger{width:100%;justify-content:center}.hero-proof{justify-content:space-around}.puzzle-canvas{height:395px}.canvas-grid{border-radius:27px}.canvas-grid:before{inset:15px;background-size:42px 42px}.wide-shot{width:94%;right:0;top:72px;border-width:5px;border-radius:18px}.app-stamp{left:0;top:5px;width:140px;padding:9px}.app-stamp img{width:52px}.app-stamp span{font-size:12px}.score-bubble{right:0;bottom:18px}.floating-piece{width:38px;height:38px;font-size:22px}.piece-c{right:105px}.hero-marquee span{font-size:14px}.idea-section{padding:85px 0}.section-intro h2,.stage-heading h2,.steps-copy h2,.mode-copy h2{font-size:47px}.mosaic-features{grid-template-columns:1fr}.visual-card{grid-column:auto;grid-template-columns:1fr}.visual-card>img{height:270px}.mosaic-card{min-height:350px}.screen-stage{padding:85px 0}.landscape-frame{width:330px}.landscape-frame img{height:186px}.portrait-frame{width:185px}.portrait-frame img{height:329px}.steps-section{padding:85px 0}.steps-list li{grid-template-columns:36px 1fr 48px;padding:12px 0}.steps-list i{width:45px;height:45px}.mode-section{padding-bottom:90px;gap:55px}.mode-gallery{height:470px}.mode-shot{width:178px;height:316px}.mode-one{left:24px;top:70px}.mode-two{right:18px;top:90px}.final-banner{width:calc(100% - 30px);padding:48px 28px;margin-bottom:70px}.final-banner h2{font-size:43px}.store-link{width:100%}.footer-note{flex-direction:column;gap:10px}.screen-ribbon{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.block-confetti{position:absolute;inset:0;pointer-events:none}
@media(min-width:981px){.prism-hero{align-items:start}.hero-message,.puzzle-canvas{grid-row:1}.puzzle-canvas{grid-column:1}.hero-message{grid-column:2}}