:root{--site-font:"Trebuchet MS", "Avenir Next", system-ui, sans-serif;font-family:var(--site-font);color:#f5eee6;font-synthesis:none;background:#10172b;line-height:1.75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:280px;margin:0}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{line-height:1.35}p{line-height:1.85}.page-width{width:min(100% - 3rem,72rem);margin-inline:auto}.skip-link{z-index:10;color:#17223a;background:#ffe4b5;padding:.5rem 1rem;position:absolute;top:-5rem;left:1rem}.skip-link:focus{top:1rem}:where(a):focus-visible{outline-offset:4px;outline:3px solid #ffe1a6}.analytics-consent{color:#f6eee1;background:#15223b;border-bottom:2px solid #ffe1a6;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(1rem,4vw,3rem);line-height:1.5;display:flex}.analytics-consent[hidden]{display:none}.analytics-consent p{max-width:56rem;margin:0}.analytics-consent a{color:#ffe1a6}.analytics-consent__actions{flex-wrap:wrap;gap:.5rem;display:flex}.analytics-consent button{color:#fff;cursor:pointer;white-space:nowrap;background:#20304c;border:2px solid #ffe1a6;border-radius:.35rem;min-height:2.75rem;padding:.4rem .9rem}.analytics-consent button:hover{background:#35567d}.analytics-consent button:focus-visible{outline-offset:4px;outline:4px solid #2f7f9c}@media (width<=720px){.analytics-consent{display:block}.analytics-consent__actions{margin-top:.75rem}}.site-header{background:#10172b;border-bottom:1px solid #ffffff20}.site-header__inner{flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;min-height:5.5rem;padding-block:.9rem;display:flex}.brand{align-items:center;min-width:0;text-decoration:none;display:inline-flex}.brand img{width:16rem;height:auto}.site-footer__brand small{color:#aec2d5;letter-spacing:.13em;font-size:.62rem;font-weight:500;display:block}.site-nav{flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem;margin-inline:auto 0;display:flex}.site-nav-disclosure{display:none}.site-nav a,.site-footer nav a{color:#d0d9e4;align-items:center;min-height:2.75rem;font-size:.86rem;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-footer nav a:hover{color:#ffe1a6;text-underline-offset:.35em;text-decoration:underline}.header-cta{color:#ffe1a6;white-space:nowrap;border:1px solid #d2af78;border-radius:.45rem;justify-content:center;align-items:center;gap:1rem;min-height:2.75rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex}.header-cta:hover{background:#292f40}.hero{background:radial-gradient(circle at 65% 37%,#294267 0,#0000 35%),linear-gradient(155deg,#111b33 0%,#141a30 48%,#252136 100%);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#10172b);height:7rem;position:absolute;inset:auto 0 0}.hero__inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:39rem;padding-block:5rem 6rem;display:grid;position:relative}.hero__copy{min-width:0}.eyebrow,.section-kicker,.card-number{color:#e3bd83;letter-spacing:.2em;font-size:.72rem;font-weight:800;line-height:1.5}.eyebrow{margin-bottom:1.5rem}.hero h1{letter-spacing:-.045em;max-width:12em;margin-bottom:1.5rem;font-size:clamp(2rem,3vw,2.8rem);line-height:1.42}.hero h1 em{color:#ffe0ab;font-style:normal}.hero__word{white-space:nowrap}.hero__lead{color:#e4e8ee;max-width:35rem;font-size:clamp(1rem,1.4vw,1.12rem)}.button{text-align:center;overflow-wrap:anywhere;border-radius:.5rem;justify-content:center;align-items:center;gap:1.3rem;min-width:0;max-width:100%;min-height:3rem;padding:.8rem 1.4rem;font-size:.94rem;font-weight:800;line-height:1.5;text-decoration:none;display:inline-flex}.button span{font-size:1.15em}.button--primary{color:#201d2a;background:#ffe1ab;border:1px solid #ffe2aa;box-shadow:0 .35rem 1.4rem #0004}.button--primary:hover{background:#fff0cb}.hero__cta{min-height:3.75rem;margin-top:.7rem;padding-inline:1.7rem;font-size:1.02rem}.hero__assurance{color:#c9d4e0;margin:1rem 0 0;font-size:.82rem}.hero-visual{min-width:0;margin:0}.hero-visual__frame{aspect-ratio:1.2;background:#19233b;border:.45rem solid #384355;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 3.5rem #0008,0 0 0 1px #d8b78055}.hero-visual__frame:after{content:"";width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 .3rem .25rem #0008);background:url(/assets/cat-atlas-BeCW6uDr.png) 0 0/480px 192px;position:absolute;bottom:29%;left:8%}.hero-visual__frame img{object-fit:cover;object-position:center 43%;width:100%;height:100%}.hero-visual__game{text-align:center;background:#0b1529e8;border:1px solid #d8c7ae6b;border-radius:.55rem;gap:.35rem;padding:.8rem 1rem;display:grid;position:absolute;bottom:5%;left:5%;right:5%;box-shadow:0 .5rem 1rem #0008}.hero-visual__game span{color:#f1c790;letter-spacing:.25em;font-size:.58rem}.hero-visual__game strong{font-size:clamp(.9rem,1.6vw,1.35rem)}.hero-visual__game small{color:#d6deeb;font-size:.68rem}.hero-visual__game b{background:#80583f;border-radius:.3rem;justify-self:center;min-width:55%;padding:.25rem .7rem;font-size:.68rem}.hero-visual figcaption{color:#c7d1dd;text-align:center;margin-top:.9rem;font-size:.77rem}.section{padding-block:clamp(4.5rem,8vw,7rem)}.section-heading{max-width:40rem}.section-heading h2{letter-spacing:-.03em;margin-bottom:1.2rem;font-size:clamp(1.8rem,3vw,2.6rem)}.section-heading>p:not(.section-kicker){color:#cbd4df}.section-heading--center{text-align:center;margin-inline:auto}.section-kicker{margin-bottom:.85rem}.intro{grid-template-columns:1fr 1.2fr;gap:3rem;display:grid}.intro__text{color:#e3e9f0}.intro__text p:last-child{margin-bottom:0}.section--soft{background:#19243a}.feature-grid,.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}.feature-card{background:#222e45;border:1px solid #a3b2c030;border-radius:.85rem;padding:2rem}.feature-card__icon{color:#f5ca8c;background:#394256;border-radius:.7rem;place-items:center;width:3rem;height:3rem;margin-bottom:1.4rem;font-size:1.5rem;display:grid}.feature-card h3,.step-card h3,.difficulty-grid h3,.progress h3,.typing-metrics h3{margin-bottom:.8rem;font-size:1.17rem}.feature-card p:last-child,.step-card p:last-child,.difficulty-grid p,.progress p:last-child,.typing-metrics article p:last-child{color:#d5dfeb;margin-bottom:0;font-size:.92rem}.steps{gap:clamp(2.5rem,5vw,4.5rem);margin:3rem 0 0;padding:0;list-style:none;display:grid}.step-card,.progress-card{grid-template-columns:minmax(0,1.55fr) minmax(14rem,.65fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);min-width:0;display:grid}.step-card__visual,.progress-card__visual,.ambience__visual{background:#172137;border:1px solid #d1a77f70;border-radius:.85rem;min-width:0;overflow:hidden;box-shadow:0 1.2rem 2.4rem #0005}.step-card__visual img,.progress-card__visual img,.ambience__visual img{width:100%;height:auto}.step-card__copy{align-items:flex-start;gap:1rem;min-width:0;display:flex}.step-card__copy>div{min-width:0}.steps__number{color:#f6ca8a;flex:none;font-family:Georgia,serif;font-size:2.3rem;line-height:1.2}.steps__note{color:#e8cba6;text-align:center;margin:2.3rem 0 0}.progress__journey{flex-wrap:wrap;align-items:center;gap:.45rem 1rem;margin:2rem 0 2.5rem;padding:0;list-style:none;display:flex}.progress__journey li{color:#e9d2b1;font-size:.9rem;font-weight:700}.progress__journey li+li:before{content:"→";color:#adbbcb;margin-right:1rem}.progress__best{background:#202c42;border-left:.25rem solid #e3bd83;border-radius:0 .7rem .7rem 0;max-width:50rem;padding:1.5rem clamp(1.5rem,3vw,2.5rem)}.progress__best h3{color:#ffe0ac}.progress__showcase{gap:clamp(2.5rem,5vw,4.5rem);margin-top:clamp(2.5rem,5vw,4.5rem);display:grid}.progress-card__copy{min-width:0}.difficulty-grid article{background:#26344d;border-radius:.75rem;padding:2rem}.difficulty-grid article>span{color:#e4ba7c;letter-spacing:.2em;font-size:.8rem}.difficulty-grid h3{margin-top:1.4rem}.ambience .section-heading{max-width:43rem;margin-bottom:2.5rem}.ambience__visual{width:100%}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}.metrics-grid article{background:#222e45;border:1px solid #a3b2c030;border-radius:.85rem;min-width:0;padding:1.8rem}.metrics-grid h3{overflow-wrap:anywhere;color:#ffe0ac}.faq{background:#151f34}.faq__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;max-width:59rem;margin:3rem auto 0;display:grid}.faq__list article{border-top:1px solid #a7b9cd4a;padding:1.4rem 0}.faq__list h3{margin-bottom:.6rem;font-size:1rem}.faq__list p{color:#cdd9e5;margin-bottom:0;font-size:.92rem}.final-cta{text-align:center;background:radial-gradient(circle at 50% 0,#604d5d 0,#0000 52%),#2d2940;padding-block:5.5rem}.final-cta h2{font-size:clamp(2rem,4vw,3.4rem)}.final-cta p:not(.section-kicker){color:#e8e5ec}.final-cta .button{margin-top:1rem}.final-cta__assurance{margin:1.3rem 0 0;font-size:.8rem}.site-footer{background:#0b1324;padding-top:3.5rem}.site-footer__inner{justify-content:space-between;gap:2rem;display:flex}.site-footer__brand{letter-spacing:.13em;margin-bottom:.8rem;font-size:1.2rem;font-weight:900}.site-footer__inner p:not(.site-footer__brand){color:#bdccdb;font-size:.85rem}.site-footer nav{flex-wrap:wrap;place-content:start flex-end;gap:.6rem 1.5rem;max-width:28rem;display:flex}.site-footer__bottom{color:#aab9ca;border-top:1px solid #a7b9cd31;margin-bottom:0;padding-block:1.5rem;font-size:.7rem}@media (width<=900px){.brand img{width:min(13rem,208px)}.site-nav{order:3;width:100%;margin-inline:0}.header-cta{margin-left:auto}.hero__inner{grid-template-columns:1fr;min-height:0;padding-block:4rem 5rem}.hero__copy{max-width:44rem}.hero-visual{max-width:40rem}.intro,.step-card,.progress-card,.feature-grid,.difficulty-grid,.metrics-grid,.faq__list{grid-template-columns:1fr}.intro{gap:1rem}.step-card,.progress-card{gap:1.25rem}.feature-grid,.metrics-grid{gap:.75rem}.feature-card{padding:1.4rem}}@media (width<=650px){.page-width{width:min(100% - 32px,72rem)}.site-header__inner{gap:.9rem}.brand img{width:min(11rem,176px)}.site-nav{display:none}.site-nav-disclosure{color:#d0d9e4;order:3;width:100%;display:block}.site-nav-disclosure summary{cursor:pointer;align-items:center;min-height:2.75rem;display:inline-flex}.site-nav-disclosure nav{flex-wrap:wrap;gap:.4rem 1rem;padding-bottom:.5rem;display:flex}.site-nav-disclosure nav a{align-items:center;min-height:2.75rem;font-size:.86rem;text-decoration:none;display:inline-flex}.site-nav-disclosure nav a:hover{color:#ffe1a6;text-decoration:underline}.site-nav{gap:.4rem 1rem}.site-nav a{font-size:.78rem}.header-cta{font-size:.77rem}.hero__inner{gap:2.1rem;padding-block:3rem 5rem}.hero h1{margin-bottom:1.15rem;font-size:clamp(1.7rem,7.2vw,2.4rem)}.hero__cta{margin-top:.45rem}.hero__cta,.final-cta .button{gap:.5rem;padding-inline:1rem}.hero__assurance{margin-top:.7rem}.hero-visual__frame{aspect-ratio:1.15}.hero-visual__frame:after{bottom:40%}.hero-visual__game{gap:4px;padding:8px 12px}.hero-visual__game span{font-size:10px}.hero-visual__game strong{font-size:clamp(14px,3.6vw,18px)}.hero-visual__game small,.hero-visual__game b{font-size:11px}.feature-grid,.difficulty-grid,.metrics-grid{margin-top:2rem}.feature-card,.difficulty-grid article,.metrics-grid article,.progress__best{padding:clamp(16px,4vw,1.5rem)}.steps,.progress__showcase{gap:2.5rem}.step-card__copy{gap:.75rem}.progress__journey{gap:.35rem .75rem}.progress__journey li+li:before{margin-right:.75rem}.ambience .section-heading{margin-bottom:1.5rem}.site-footer__inner{flex-direction:column}.site-footer nav{justify-content:flex-start}}@media (width<=350px){.step-card__copy{display:block}.steps__number{margin-bottom:.5rem;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
