@font-face{font-family:Nunito;src:url('./assets/fonts/Nunito-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url('./assets/fonts/Nunito-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--ink:#173d37;--teal:#159e89;--mint:#e8fff6;--pink:#f8577f;--purple:#7551dd;--orange:#ffb65e;--line:#dce8e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:Nunito,system-ui,sans-serif;font-size:17px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #f8577f;outline-offset:5px}svg{flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:900;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2.3rem,4.4vw,3.8rem)}h3{font-size:1.6rem;letter-spacing:-.025em}.container{width:min(1220px,calc(100% - 96px));margin-inline:auto}.section{padding-block:100px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:900;letter-spacing:.13em;margin-bottom:22px}.eyebrow svg{width:20px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 26px;border:0;border-radius:12px;background:var(--ink);color:white;font-weight:900;box-shadow:0 4px 0 #0b2520;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #0b2520}.button-small{padding:10px 22px;font-size:.95rem}.site-header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #ecf1ee}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.65rem;letter-spacing:-.045em;line-height:1}.brand-symbol{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--teal);color:#fff;font-size:2rem;box-shadow:0 3px 0 #117565;transform:rotate(-6deg)}.brand-symbol>span{font-size:14px;color:#ffcf67;position:absolute;right:-5px;top:-6px}.brand-country{display:block;font-size:.65rem;letter-spacing:.36em;margin-top:5px;color:var(--teal)}nav{display:flex;gap:28px;font-size:.95rem;font-weight:700}nav a:hover{color:var(--teal)}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.hero{background:var(--mint);padding:76px 0 84px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.hero h1{font-size:clamp(3.5rem,6.7vw,6.1rem);line-height:1.03}.hero h1>span{color:var(--teal)}.hero-description{font-size:1.13rem;line-height:1.7;max-width:430px;margin:27px 0 25px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:11px;min-width:177px;padding:12px 17px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:12px;text-align:left;transition:transform .2s,background .2s}.store-button:hover{background:#24594e;transform:translateY(-3px)}.store-button>svg{width:27px;height:29px}.store-button span{display:grid;line-height:1.25}.store-button small{font-size:.73rem;margin-bottom:2px}.store-button strong{font-size:1rem}.availability{font-size:.8rem;margin-top:13px;color:#53756c}.hero-note{display:flex;gap:12px;align-items:center;margin-top:30px;font-size:.85rem;font-weight:700}.hero-note svg{color:var(--teal)}.hero-visual{position:relative;padding:34px 0 50px;min-width:0}.image-frame{background:#fff;border-radius:40% 38% 25% 30%;overflow:hidden;box-shadow:0 16px 0 #b6ecd9;transform:rotate(-3deg);position:relative}.image-frame img{width:100%;height:405px;object-fit:cover;object-position:center}.float-badge{display:flex;align-items:center;gap:8px;background:white;position:absolute;box-shadow:0 8px 30px #184d371a;padding:12px 17px;border-radius:12px;font-weight:900}.correct-badge{background:var(--orange);top:20px;left:-20px;transform:rotate(-8deg)}.correct-badge svg{width:22px}.time-badge{bottom:57px;right:-12px;transform:rotate(5deg);font-size:1.25rem}.time-badge svg{color:var(--pink)}.time-badge>span{font-size:.75rem;line-height:1.2;width:55px;font-weight:700;margin-left:5px}.visual-caption{font-size:1rem;font-weight:900;line-height:1.25;position:absolute;bottom:-12px;left:35px;transform:rotate(-4deg)}.mini-star{float:left;font-size:38px;color:var(--pink);line-height:1;margin-right:11px}.decor-star{position:absolute;line-height:1}.star-one{font-size:45px;right:4px;top:-12px;color:var(--purple)}.star-two{font-size:25px;right:-22px;top:34px;color:var(--pink)}.fun-strip{background:var(--ink);color:#fff;overflow:hidden;padding:18px 24px;font-weight:900;font-size:.82rem;letter-spacing:.1em}.fun-strip>div{display:flex;align-items:center;justify-content:center;gap:40px;white-space:nowrap}.fun-strip span:nth-child(even){font-size:24px;color:#a5f2d6}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:44px}.section-heading>p{max-width:335px;color:#58736b;line-height:1.75;padding-bottom:5px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode{display:flex;position:relative;overflow:hidden;padding:36px;border-radius:24px;min-height:290px}.quick{background:#dbf8ed}.versus{background:#f0e9ff}.mode-content{position:relative;z-index:1;max-width:340px}.mode-number{font-size:.75rem;letter-spacing:.13em;font-weight:900;display:block;margin-bottom:22px}.mode h3{font-size:2.4rem;margin-bottom:14px}.mode p{font-size:1rem;max-width:290px}.mode-meta{margin-top:25px;font-size:.73rem;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mode-meta svg{width:17px;height:17px}.mode-meta svg:nth-of-type(2){margin-left:8px}.mode-large-icon{position:absolute;right:-20px;bottom:15px;opacity:.13;transform:rotate(-12deg);color:var(--teal)}.versus .mode-large-icon{color:var(--purple)}.mode-large-icon svg{width:180px;height:180px;stroke-width:1.2}.tutorial-section{background:#f5faf7;padding-block:100px}.tutorial{display:grid;grid-template-columns:340px 1fr;gap:44px}.tutorial-controls{display:flex;flex-direction:column;justify-content:center;gap:12px}.tutorial-controls button{border:1px solid transparent;border-radius:16px;background:transparent;display:grid;grid-template-columns:48px 1fr;text-align:left;gap:0 17px;padding:21px;color:var(--ink)}.tutorial-controls button:hover{background:#eaf3ee}.tutorial-controls button[aria-selected=true]{background:white;box-shadow:0 8px 30px #173d370a;border-color:#d7e9df}.tutorial-controls button>span{grid-row:1/3;display:grid;place-items:center;background:#e5eee8;width:45px;height:45px;border-radius:12px;font-size:1rem;font-weight:900}.tutorial-controls button[aria-selected=true]>span{background:#087d6a;color:#fff}.tutorial-controls strong{font-size:1.05rem}.tutorial-controls small{font-size:.84rem;color:#617e72}.tutorial-panel{background:white;border:1px solid #e1ece5;border-radius:24px;overflow:hidden}.tutorial-image{height:310px;overflow:hidden}.tutorial-image img{width:100%;height:100%;object-fit:contain}.tutorial-caption{padding:25px 32px 31px;border-top:1px solid #edf2ee}.tutorial-caption>span{font-size:.75rem;font-weight:900;letter-spacing:.15em;color:var(--teal)}.tutorial-caption h3{margin:8px 0 10px}.tutorial-caption p{color:#58736b;font-size:1rem;max-width:580px}.deck-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.deck-card{border:0;border-radius:20px;padding:24px;color:white;display:flex;flex-direction:column;text-align:left;min-height:345px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.deck-card:before{content:"";position:absolute;inset:0;background:linear-gradient(35deg,transparent 49%,#ffffff0e 49%);pointer-events:none}.deck-card:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:0 14px 26px #173d3720}.teal{background:#087d6a}.pink{background:#d7295e}.purple{background:#7450cf}.orange{background:#ffb65e;color:var(--ink)}.deck-top{display:flex;justify-content:space-between;align-items:center}.deck-top svg{width:18px}.deck-kind{font-size:.75rem;letter-spacing:.1em;font-weight:900}.deck-icon{margin:26px 0 20px}.deck-icon svg{width:52px;height:52px;stroke-width:1.6}.deck-card>strong{font-size:1.35rem;line-height:1.2;font-weight:900;letter-spacing:-.02em;min-height:52px}.deck-description{font-size:1rem;line-height:1.55;margin:5px 0 20px;color:inherit}.deck-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:15px;margin-top:auto;border-top:1px solid #ffffff44;font-size:.75rem;font-weight:700}.deck-bottom svg{width:17px;height:17px}.deck-note{margin-top:26px;font-size:.9rem;color:#58736b;display:flex;gap:10px;justify-content:center;align-items:center}.deck-note svg{color:var(--pink);width:19px}.features-section{background:#f5faf7;padding-block:90px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.feature-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:14px;margin-bottom:23px;color:white;transform:rotate(-5deg)}.feature h3{font-size:1.2rem;margin-bottom:12px}.feature p{font-size:1rem;color:#58736b;line-height:1.7}.download-section{padding-top:100px}.download-card{background:#35215d;border-radius:30px;color:#fff;padding:60px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;overflow:hidden}.download-card h2{font-size:clamp(2.2rem,3.4vw,3.2rem)}.download-card h2 span{color:#b5f1d2}.download-card .eyebrow{color:#c9b4ef}.download-card p{margin:22px 0 25px;color:#e0d5f0;font-size:1rem}.download-card .store-button{background:white;color:#35215d;border-color:#fff}.download-card .store-button:hover{background:#e9ddff}.download-card .availability{margin:14px 0 0;font-size:.8rem;color:#c9b4ef}.download-art{background:#159e89;border:10px solid #211b38;outline:2px solid #786990;border-radius:26px;box-shadow:15px 20px 0 #261642;transform:rotate(8deg);padding:30px 25px;position:relative;text-align:center;min-width:0}.download-art>img{width:190px;height:auto;margin:0 auto 34px}.download-word{font-size:2.65rem;line-height:1.1;font-weight:900;letter-spacing:-.045em;margin:15px 0 13px}.download-label{font-size:.8rem;color:#eafff7}.download-spark{position:absolute;color:#ffc86c;font-size:65px;top:-53px;right:-33px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-section>div>p{max-width:270px;margin-top:23px;color:#58736b}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;font-weight:900;font-size:1rem;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:20px;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list p{margin-top:15px;color:#58736b;font-size:1rem;line-height:1.75}footer{background:var(--ink);color:white;padding:48px 0 22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:35px}.footer-top .brand-country{color:#b5f1d2}.footer-top>p{font-size:.95rem;line-height:1.5;color:#c8dfd6}.footer-top>div{display:flex;gap:26px;font-size:.9rem}.footer-top a:hover{color:#b5f1d2}.footer-bottom{padding-top:20px;border-top:1px solid #ffffff22;display:flex;justify-content:space-between;font-size:.75rem;color:#c8dfd6;gap:20px}.footer-bottom>span>span[aria-hidden]{color:#ffbc7c;margin-left:5px}dialog{border:0;border-radius:24px;max-width:min(480px,calc(100vw - 40px));padding:48px 34px 34px;text-align:center;color:var(--ink);box-shadow:0 30px 90px #05272055}dialog::backdrop{background:#102d29aa;backdrop-filter:blur(4px)}dialog .eyebrow{justify-content:center;font-size:.75rem;margin:20px 0 18px}dialog h2{font-size:2.7rem}dialog p{font-size:1rem;margin:19px 0 25px;color:#58736b}.dialog-close{position:absolute;right:14px;top:14px;background:#f1f6f2;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:var(--ink)}#dialog-icon{background:#e8fff6;width:62px;height:62px;display:grid;place-items:center;border-radius:18px;margin:auto;color:var(--teal)}#dialog-icon svg{width:32px;height:32px}.skip-link{position:fixed;top:-70px;left:20px;background:var(--ink);color:#fff;padding:12px 20px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1000px){.hero-visual{animation:enter .7s ease-out both}.hero-copy{animation:enter .6s ease-out both}.float-badge{animation:bob 5s ease-in-out infinite}.time-badge{animation-delay:-2s}}@keyframes enter{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes bob{50%{translate:0 -7px}}
@media(max-width:1050px){.container{width:calc(100% - 64px)}nav{gap:17px}.hero-grid{gap:30px}.hero h1{font-size:4.2rem}.image-frame img{height:340px}.hero-description{font-size:1rem}.store-button{min-width:156px;padding:11px 12px}.store-button strong{font-size:.9rem}.tutorial{grid-template-columns:300px 1fr;gap:25px}.deck-grid{grid-template-columns:repeat(2,1fr)}.deck-card{min-height:315px}.deck-card>strong{min-height:0}.feature-grid{gap:24px}.fun-strip>div{gap:24px}.download-card{padding:44px}.mode{padding:28px}.mode-meta{font-size:.75rem}}
@media(max-width:760px){html{scroll-padding-top:80px}.container{width:calc(100% - 40px)}.header-inner{height:76px;gap:15px}.brand{font-size:1.4rem}.brand-symbol{width:37px;height:37px;font-size:1.7rem}.brand-country{font-size:.75rem}.nav-download{margin-left:auto;font-size:.8rem;padding:9px 13px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:20px;background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 18px #173d3710;flex-direction:column;gap:18px}.site-header nav.open{display:flex}.hero{padding:47px 0 54px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(3.7rem,13vw,5.5rem)}.hero-description{font-size:1.06rem;margin:23px 0;max-width:480px}.eyebrow{font-size:.75rem;margin-bottom:18px}.hero-note{margin-top:23px;font-size:.82rem}.hero-visual{max-width:550px;width:100%;margin:auto;padding:25px 12px 45px}.image-frame img{height:auto;aspect-ratio:1.4;object-fit:cover}.correct-badge{left:0;top:12px;font-size:.9rem;padding:10px 13px}.time-badge{right:0;bottom:33px;padding:10px 13px}.visual-caption{bottom:-12px;left:34px;font-size:.9rem}.star-one{top:0;right:5px}.star-two{right:0;top:40px}.fun-strip{padding:15px 0}.fun-strip>div{justify-content:flex-start;width:max-content;gap:27px;animation:marquee 28s linear infinite}.section,.tutorial-section,.features-section{padding-block:66px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:440px;font-size:1rem}.mode-grid{grid-template-columns:1fr;gap:18px}.mode{min-height:270px;padding:30px}.mode-content{max-width:85%}.mode p{max-width:320px}.mode-meta{font-size:.75rem}.mode-large-icon{right:0}.tutorial{grid-template-columns:1fr;gap:20px}.tutorial-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tutorial-controls button{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 3px;gap:10px}.tutorial-controls button>span{width:35px;height:35px;font-size:.85rem}.tutorial-controls strong{font-size:.875rem;line-height:1.3}.tutorial-controls small{display:none}.tutorial-image{height:auto;aspect-ratio:1.5}.tutorial-caption{padding:22px}.tutorial-caption h3{font-size:1.4rem}.tutorial-caption p{font-size:1rem}.deck-grid{gap:14px}.deck-card{padding:21px;min-height:340px}.deck-card>strong{font-size:1.2rem;min-height:45px}.deck-description{font-size:1rem}.deck-kind{font-size:.75rem}.deck-top svg{width:15px}.deck-icon{margin:22px 0 18px}.deck-icon svg{width:44px;height:44px}.deck-bottom{font-size:.75rem}.feature-grid{grid-template-columns:repeat(2,1fr);gap:34px 24px}.feature-icon{margin-bottom:19px}.feature p{font-size:1rem}.feature h3{font-size:1.12rem}.download-section{padding-top:66px}.download-card{grid-template-columns:1fr;padding:34px 25px;gap:50px;border-radius:22px}.download-card h2{font-size:2.5rem}.download-card .store-buttons{gap:10px}.download-card .store-button{min-width:145px;padding:11px}.download-art{max-width:350px;width:90%;margin:0 auto 15px;padding:30px 20px}.download-word{font-size:2.5rem}.faq-section{display:block}.faq-list{margin-top:35px}.faq-section>div>p{max-width:400px}.faq-list summary{font-size:.95rem}.footer-top{flex-wrap:wrap;gap:30px}.footer-top>p{font-size:.85rem}.footer-top>div{width:100%;gap:25px}.footer-bottom{flex-direction:column;gap:10px}footer{padding-top:38px}}
@media(max-width:380px){.container{width:calc(100% - 30px)}.hero h1{font-size:3.45rem}.nav-download{font-size:.75rem;padding:9px 10px}.brand{font-size:1.15rem;gap:8px}.brand-symbol{width:32px;height:32px}.deck-card{padding:16px}.deck-description{font-size:1rem}.deck-card>strong{font-size:1.1rem}.store-button{min-width:143px;padding:10px}.store-button strong{font-size:.83rem}.mode{padding:25px}.download-card{padding:30px 20px}.download-card .store-button{width:100%}.feature-grid{gap:30px 20px}}
@keyframes marquee{to{transform:translateX(-25%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.deck-card.orange .deck-bottom{border-color:#173d3733}.feature-icon.orange{color:var(--ink)}

/* The actual mobile app icon is the shared brand mark. */
.brand-symbol{background:transparent;transform:none;overflow:hidden;box-shadow:0 2px 5px #173d3718}.brand-symbol>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}