:root{color-scheme:light;--background:#fff8ea;--surface:#fff;--text:#17204a;--muted:#4a5273;--border:#e4d8bf;--accent:#2c6a3a;--green:#a1d878;--green-soft:#bfe4a9;--blue:#9cc2ff;--yellow:#ffd966;--lilac:#cfb6ff;--cream:#fff3df;--ink:#141b3d;--glow-a:#d9f0c6;--glow-b:#e5dafc;--stars:transparent;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}:root[data-theme=dark]{color-scheme:dark;--background:#0b1230;--surface:#141b3d;--text:#f3f1ff;--muted:#b7bee0;--border:#2b3566;--accent:#a1d878;--glow-a:#1b3a3a;--glow-b:#2a2263;--stars:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--background:#0b1230;--surface:#141b3d;--text:#f3f1ff;--muted:#b7bee0;--border:#2b3566;--accent:#a1d878;--glow-a:#1b3a3a;--glow-b:#2a2263;--stars:#fff}}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 8% 14%, var(--stars) 0 1px, transparent 2px), radial-gradient(circle at 52% 9%, var(--stars) 0 1.5px, transparent 3px), radial-gradient(circle at 93% 46%, var(--stars) 0 1px, transparent 2px), radial-gradient(circle at 4% 62%, var(--stars) 0 1.5px, transparent 3px), radial-gradient(circle at 88% 82%, var(--stars) 0 1px, transparent 2px), radial-gradient(40rem 30rem at 85% -5%, var(--glow-a), transparent 70%), radial-gradient(36rem 30rem at -5% 35%, var(--glow-b), transparent 70%), var(--background);background-repeat:no-repeat;margin:0;overflow-x:clip}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}a{color:var(--accent);text-underline-offset:.2em}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:2.75rem;color:var(--text);border-radius:999px;padding:.5rem 1rem}#theme-toggle{flex:none;place-items:center;width:2.5rem;height:2.5rem;min-height:0;padding:0;transition:background-color .2s,border-color .2s,transform .2s;display:inline-grid;position:relative}#theme-toggle:before{content:"";border-radius:999px;position:absolute;inset:-.25rem}#theme-toggle:hover{border-color:var(--accent);background:var(--cream)}:root[data-theme=dark] #theme-toggle:hover{background:var(--border)}#theme-toggle:active{transform:scale(.94)}#theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}#theme-toggle .icon{grid-area:1/1;transition:opacity .25s,transform .35s}#theme-toggle .icon-sun{opacity:0;transform:rotate(-90deg)scale(.5)}:root[data-theme=dark] #theme-toggle .icon-moon{opacity:0;transform:rotate(90deg)scale(.5)}:root[data-theme=dark] #theme-toggle .icon-sun{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){#theme-toggle,#theme-toggle .icon{transition:none}#theme-toggle:active{transform:none}}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main:focus,main:focus-visible{outline:none}.site-header,main,footer{width:min(100% - 2.5rem,72rem);margin-inline:auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;padding-block:1.25rem;display:flex}.wordmark{letter-spacing:-.04em;align-items:center;gap:.65rem;font-size:1.5rem;font-weight:800;display:inline-flex}.wordmark img{border-radius:28%;width:2.75rem;height:2.75rem;box-shadow:0 4px 14px #141b3d40}.controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.language-switcher{gap:1rem;display:flex}.language-switcher .lang-short{display:none}.language-switcher [aria-current=page]{font-weight:700;text-decoration-thickness:.15em}main{padding-block:clamp(1rem,4vw,3rem) 0}img{max-width:100%;height:auto}h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.03em;word-spacing:.08em;overflow-wrap:anywhere;margin:0 0 1.5rem;font-size:clamp(2.5rem,7vw,5.4rem);font-weight:850;line-height:1}.intro{max-width:32rem;color:var(--muted);font-size:clamp(1.1rem,2vw,1.25rem)}footer{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-block:2rem;display:flex}footer .footer-contact{margin:0}footer .footer-contact a{min-height:2.75rem;color:var(--text);overflow-wrap:anywhere;align-items:center;font-weight:700;display:inline-flex}footer .wordmark{color:var(--text);font-size:1.2rem}footer .wordmark img{width:2rem;height:2rem}.skip-link{z-index:10;background:var(--surface);padding:.5rem;position:absolute;top:.5rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (width<=479px){.site-header{flex-wrap:nowrap;gap:.5rem}.site-header .controls{flex-wrap:nowrap;gap:.75rem}.site-header .language-switcher{gap:.75rem}.site-header .wordmark{gap:.5rem;font-size:1.3rem}.site-header .wordmark img{width:2.25rem;height:2.25rem}.site-header .lang-short{display:inline}.site-header .lang-full{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}:root{--spark:#a98bff;--again-bg:#ffd6cf;--again-fg:#7a1d12;--hard-bg:#ffe9a6;--hard-fg:#5a4300;--good-bg:#cdecb8;--good-fg:#1f4d19;--easy-bg:#cfe0ff;--easy-fg:#1b3a7a}:root[data-theme=dark]{--spark:#fff;--again-bg:#4a2430;--again-fg:#ffb9b0;--hard-bg:#4a4220;--hard-fg:#ffe38a;--good-bg:#26452f;--good-fg:#b6ecb0;--easy-bg:#25386b;--easy-fg:#b9d2ff}@media (prefers-color-scheme:dark){:root:not([data-theme]){--spark:#fff;--again-bg:#4a2430;--again-fg:#ffb9b0;--hard-bg:#4a4220;--hard-fg:#ffe38a;--good-bg:#26452f;--good-fg:#b6ecb0;--easy-bg:#25386b;--easy-fg:#b9d2ff}}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);padding-top:clamp(1.5rem,4vw,3rem);display:grid}.hero-copy{min-width:0}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:800}.status{border:1px solid var(--border);background:var(--surface);border-radius:1.25rem;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:0 0 1.5rem;padding:.5rem 1rem;font-size:.92rem;display:inline-flex}.status strong{color:var(--accent)}.status-line{color:var(--muted)}.status-dot{background:var(--green);width:.6rem;height:.6rem;box-shadow:0 0 0 0 var(--green);border-radius:50%;animation:2.4s ease-out infinite pulse}.cta{background:var(--green);min-height:3.25rem;color:var(--ink);border-radius:999px;align-items:center;gap:.75rem;margin-top:.75rem;padding:.85rem 1.6rem;font-size:1.05rem;font-weight:800;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 22px #64aa3c59}.cta span{transition:transform .18s}.cta:hover{transform:translateY(-3px);box-shadow:0 12px 28px #64aa3c73}.cta:hover span{transform:translate(4px)}.hero-visual{min-width:0}.stack{aspect-ratio:1;overflow-clip-margin:1.5rem;width:min(100%,32rem);margin-inline:auto;position:relative;overflow:clip}.mascot{border-radius:22.5%;width:58%;animation:6s ease-in-out infinite alternate float;position:absolute;top:14%;left:15%;box-shadow:0 26px 50px #080c2859}.fan{width:28%;height:38%;transform:rotate(var(--r));animation:7s ease-in-out infinite alternate bob;animation-delay:var(--d,0s);border-radius:12%;position:absolute;box-shadow:0 14px 28px #080c2838}.fan-blue{--r:-14deg;background:var(--blue);top:38%;left:5%}.fan-yellow{--r:12deg;--d:-2s;background:var(--yellow);top:9%;right:13%}.fan-lilac{--r:16deg;--d:-4s;background:var(--lilac);top:42%;right:8%}.fan-cream{--r:-8deg;--d:-1s;background:var(--cream);bottom:7%;left:17%}.fan-cream i{background:var(--lilac);border-radius:999px;height:8%;position:absolute;left:14%;right:14%}.fan-cream i:first-child{top:22%}.fan-cream i:last-child{top:40%;right:24%}.sparkle{width:var(--s,1.2rem);aspect-ratio:1;background:var(--spark);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:3.2s ease-in-out infinite alternate twinkle;animation-delay:var(--d,0s);position:absolute}.sp1{--s:1.5rem;top:8%;left:6%}.sp2{--s:1rem;--d:-1.2s;top:3%;right:18%}.sp3{--s:.8rem;--d:-2s;top:34%;right:2%}.sp4{--s:1.1rem;--d:-.6s;bottom:20%;left:3%}.demo{grid-template-columns:.8fr 1fr;align-items:center;gap:clamp(1.5rem,5vw,4rem);margin-block:clamp(4rem,10vw,8rem);scroll-margin-top:1rem;display:grid}.demo-copy h2,.product h2,.closing h2{margin:.5rem 0 1rem}.demo-copy p:not(.eyebrow){color:var(--muted);max-width:26rem}h2{letter-spacing:-.025em;word-spacing:.08em;max-width:40rem;font-size:clamp(2rem,5vw,3.4rem);font-weight:850;line-height:1.05}.demo-stage{border:1px solid var(--border);background:var(--surface);border-radius:2rem;min-width:0;padding:clamp(1rem,4vw,2rem);box-shadow:0 20px 50px #141b3d1f}.dots{justify-content:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.demo:not([data-ready]) .dots{display:none}.dots span{background:color-mix(in srgb, var(--text) 22%, transparent);border-radius:999px;width:.6rem;height:.6rem;transition:width .25s,background .25s}.dots .is-done{background:var(--green)}.dots .is-current{background:var(--accent);width:1.6rem}.deck{perspective:1200px;max-width:26rem;margin-inline:auto;position:relative}.demo[data-ready] .deck{display:grid}.demo[data-ready] .deck>.demo-card,.demo[data-ready] .deck>.done{grid-area:1/1}.demo[data-ready] .deck>[data-off]{visibility:hidden;pointer-events:none}.deck:before,.deck:after{content:"";z-index:0;border-radius:1.75rem;position:absolute;inset:0}.deck:before{background:var(--blue);transform:rotate(-4deg)translateY(4px)}.deck:after{background:var(--lilac);transform:rotate(3.5deg)translateY(2px)}.demo-card{z-index:1;border-radius:1.75rem;position:relative;box-shadow:0 12px 28px #080c2833}.demo-card.is-entering{animation:.45s cubic-bezier(.2,.8,.3,1) slide-in}.card-inner{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.7,.3,1);display:grid}.demo-card[data-revealed=true] .card-inner{transform:rotateY(180deg)}.face{min-height:15rem;color:var(--ink);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1.75rem;flex-direction:column;grid-area:1/1;justify-content:center;gap:.75rem;padding:1.75rem 1.5rem;display:flex;overflow:hidden}.face-front{background:var(--cream)}.face-front:before,.face-front:after{content:"";background:var(--lilac);border-radius:999px;height:.5rem;position:absolute;right:1.5rem}.face-front:before{width:3.5rem;top:1.6rem}.face-front:after{width:2.2rem;top:2.6rem}.face{position:relative}.face-back{background:var(--tone,var(--blue));transform:rotateY(180deg)}.demo-card[data-tone="0"]{--tone:var(--blue)}.demo-card[data-tone="1"]{--tone:var(--yellow)}.demo-card[data-tone="2"]{--tone:var(--lilac)}.demo-card[data-tone="3"]{--tone:var(--green)}.demo-card[data-tone="4"]{--tone:var(--blue)}.face-label{letter-spacing:.1em;text-transform:uppercase;opacity:.75;font-size:.75rem;font-weight:800}.face-text{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.35rem,5vw,1.9rem);font-weight:800;line-height:1.2}.demo:not([data-ready]) .card-inner{display:block;transform:none}.demo:not([data-ready]) .face{backface-visibility:visible;min-height:0;margin-bottom:.5rem}.demo:not([data-ready]) .face-back{transform:none}.card-hit{z-index:2;background:0 0;border:0;border-radius:1.75rem;width:100%;min-height:0;padding:0;position:absolute;inset:0}.card-hit[aria-disabled=true]{cursor:default;pointer-events:none}.card-hit:focus-visible{outline-offset:6px}.slot{margin-top:1.5rem;display:none}.demo[data-ready] .slot{display:grid}.slot>*{text-align:center;visibility:hidden;opacity:0;grid-area:1/1;align-self:center;margin:0;transition:opacity .25s}.slot[data-state=hint]>.slot-hint,.slot[data-state=rate]>.rate,.slot[data-state=feedback]>.feedback{visibility:visible;opacity:1}.slot-hint{color:var(--muted);text-wrap:balance;font-size:.95rem;font-weight:600}.slot-hint svg{vertical-align:-.2em;margin-right:.4rem;display:inline-block}.rate-prompt{color:var(--muted);margin:0 0 .6rem;font-size:.9rem;font-weight:700}.rate-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;display:grid}.rate-btn{white-space:nowrap;border:0;min-height:3rem;padding-inline:.25rem;font-size:.9rem;font-weight:800;transition:transform .15s,filter .15s}.rate-btn:hover{filter:brightness(.97);transform:translateY(-2px)}.rate-again{background:var(--again-bg);color:var(--again-fg)}.rate-hard{background:var(--hard-bg);color:var(--hard-fg)}.rate-good{background:var(--good-bg);color:var(--good-fg)}.rate-easy{background:var(--easy-bg);color:var(--easy-fg)}.feedback{color:var(--accent);font-weight:700}.done{z-index:1;background:var(--cream);min-height:15rem;color:var(--ink);text-align:center;border-radius:1.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1.5rem;display:flex;position:relative;box-shadow:0 12px 28px #080c2833}.done p{margin:0}.done-title{letter-spacing:-.03em;font-size:1.5rem;font-weight:850}.restart{background:var(--green);color:var(--ink);border:0;margin-top:1rem;padding-inline:1.5rem;font-weight:800}.restart:focus-visible,.done :focus-visible{outline-color:var(--ink)}.product{padding-block:clamp(2.5rem,7vw,5rem);scroll-margin-top:1rem}.product h2{margin-bottom:2rem}.benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.tile{color:var(--ink);border-radius:1.75rem;padding:1.75rem 1.5rem;transition:transform .22s,box-shadow .22s;box-shadow:0 12px 28px #080c2829}.tile:hover{transform:translateY(-6px)rotate(-1deg);box-shadow:0 20px 36px #080c283d}.tile-blue{background:var(--blue)}.tile-yellow{background:var(--yellow)}.tile-lilac{background:var(--lilac)}.tile-green{background:var(--green)}.tile svg{box-sizing:content-box;background:#ffffff8c;border-radius:1.1rem;margin-bottom:1rem;padding:.8rem}.tile h3{letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.3rem;line-height:1.2}.tile p{color:#2c3358;margin:0}.closing{text-align:center;flex-direction:column;align-items:center;padding-block:clamp(4rem,10vw,8rem);display:flex}.closing img{border-radius:22.5%;width:6.5rem;animation:5s ease-in-out infinite alternate float;box-shadow:0 16px 34px #080c284d}.closing h2{max-width:30rem;margin-top:1.5rem}.closing p{color:var(--muted);margin:0}.reveal-pending{opacity:0}.reveal-pending.is-visible{opacity:1;animation:rise .7s ease var(--delay,0s) backwards}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}@keyframes slide-in{0%{opacity:0;transform:translate(40px)rotate(3deg)}}@keyframes float{0%{transform:translateY(0)rotate(-1.5deg)}to{transform:translateY(-12px)rotate(1.5deg)}}@keyframes bob{0%{transform:rotate(var(--r)) translateY(0)}to{transform:rotate(calc(var(--r) + 3deg)) translateY(-8px)}}@keyframes twinkle{0%{opacity:.25;transform:scale(.6)rotate(0)}to{opacity:1;transform:scale(1)rotate(15deg)}}@keyframes pulse{70%{box-shadow:0 0 0 .6rem #0000}to{box-shadow:0 0 #0000}}@media (width>=540px){.rate-buttons{gap:.6rem}.rate-btn{padding-inline:.5rem;font-size:1rem}}@media (width<=359px){.rate-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1100px){.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.hero,.demo{grid-template-columns:minmax(0,1fr)}.hero-visual{order:-1}.stack{width:min(100%,17rem)}}@media (width<=600px){.benefits{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.cta:hover,.cta:hover span,.tile:hover,.rate-btn:hover{transform:none}.sparkle{opacity:.8}.demo[data-ready] .card-inner,.demo[data-ready] .demo-card[data-revealed=true] .card-inner{transform:none}.demo[data-ready] .face{backface-visibility:visible;transition:opacity .2s!important}.demo[data-ready] .face-back{opacity:0;transform:none}.demo[data-ready] .demo-card[data-revealed=true] .face-back{opacity:1}.demo[data-ready] .demo-card[data-revealed=true] .face-front{opacity:0}}