:root{--ink:#174633;--muted:#64705e;--cream:#f8faec;--green:#174e3b}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 32%,#fffef7 0%,var(--cream) 62%,#ecf1db 100%);color:var(--ink);font-family:Trebuchet MS,Arial,sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:5px}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #c76737;outline-offset:5px}.header{width:min(1320px,calc(100% - 80px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.brand{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:800;letter-spacing:1.4px;text-decoration:none;white-space:nowrap}.brand span{font-size:34px;line-height:1;color:#62834e}.account{display:flex;flex-direction:column;align-items:flex-end}.account button{border:0;background:none;color:var(--muted);padding:10px 0;cursor:pointer;font-size:12px;min-height:44px}.account strong{color:var(--ink);padding-left:4px;text-decoration:underline;text-underline-offset:5px}.account>span{font-size:10px;color:var(--muted);margin-top:-5px}main{flex:1;display:grid;place-items:center}.app-hero{width:min(1250px,100%);position:relative;padding:15px 30px 55px}.hero-center{position:relative;text-align:center;z-index:1;margin-inline:auto;max-width:720px}.logo-halo{width:min(375px,100%);margin:0 auto 18px;position:relative}.logo-halo:before{content:"";position:absolute;inset:25px 8px 15px;background:#e9efcf;border-radius:47% 53% 49% 51%;transform:rotate(-10deg);z-index:-1}.logo{display:block;width:100%;height:auto}.download-area{display:flex;align-items:center;flex-direction:column}.download{display:flex;align-items:center;justify-content:center;gap:14px;min-height:79px;max-width:100%;padding:15px 26px;color:#fffdf2;background:var(--green);border:0;border-radius:19px;box-shadow:0 6px 0 #0d382a;font-size:21px;font-weight:800;line-height:1.3;text-align:left;opacity:1;cursor:default}.download small{display:block;font-size:9px;letter-spacing:1.4px;font-weight:400;margin-bottom:4px;color:#d6e5c8}.download svg{flex-shrink:0}#download-status{font-size:12px;color:var(--muted);margin:18px 0 30px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c18c36;margin-right:5px}h1{font-size:31px;line-height:1.15;letter-spacing:-1px;margin:0 0 14px}.description{font-size:15px;color:var(--muted);line-height:1.7;margin:0 auto;max-width:580px}.highlights{display:flex;list-style:none;justify-content:center;gap:10px 23px;flex-wrap:wrap;padding:0;margin:24px 0 0;font-size:11px;font-weight:700}.decoration{position:absolute;pointer-events:none}.left{left:7%;top:27%;transform:rotate(-10deg)}.right{right:7%;top:35%;transform:rotate(9deg)}.math-card{display:block;background:#fffef9;border:1px solid #dfe7cb;border-radius:18px;padding:18px 24px;font-size:22px;font-weight:700;box-shadow:0 9px 0 #dbe5c655}.math-card b{color:#b77731}.star{font-size:48px;display:block;color:#ddb447}.left .star{margin:0 0 20px -20px}.right .star{margin:20px 0 0 90px}.tiny{display:block;font-size:12px;font-style:italic;color:#7f946c;letter-spacing:.7px;margin-top:15px;text-align:center}.right .tiny{margin:0 0 0 20px}footer{width:min(1320px,calc(100% - 80px));margin-inline:auto;padding:20px 0;border-top:1px solid #174e3b18;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px}footer p{margin:0}footer>div{display:flex;gap:24px;align-items:center}footer a{display:inline-flex;align-items:center;min-height:44px}footer>div>span{font-size:10px}dialog{width:min(460px,calc(100% - 36px));border:1px solid #dbe4cb;background:#fffdf5;border-radius:25px;color:var(--ink);padding:0;box-shadow:0 25px 90px #122d3b35}dialog::backdrop{background:#123b2bbc;backdrop-filter:blur(5px)}.dialog-content{padding:34px;text-align:center}.dialog-sprout{color:#6b8c4d;font-size:46px}.dialog-content h2{font-size:27px;line-height:1.2}.dialog-content p{font-size:14px;color:var(--muted)}#login-close{display:block;background:var(--green);color:white;border:0;border-radius:30px;width:100%;min-height:48px;font-weight:700;cursor:pointer;margin:24px 0 15px}.dialog-content a{font-size:12px;display:inline-block;min-height:44px;padding-top:10px}.skip{position:fixed;top:-100px;left:10px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}
@media(min-height:900px) and (min-width:900px){.logo-halo{width:420px}.app-hero{padding-top:20px;padding-bottom:65px}h1{font-size:34px}}
@media(max-width:1000px){.left{left:3%;top:25%}.right{right:3%;top:32%}.math-card{font-size:18px;padding:12px 16px}.decoration .star{font-size:35px}.hero-center{max-width:600px}}
@media(max-width:760px){.header{width:calc(100% - 36px);padding:17px 0;gap:12px}.brand{font-size:9px;letter-spacing:1px}.brand span{font-size:28px}.account button{font-size:11px}.account strong{display:block;padding:0}.account>span{font-size:9px;margin-top:-3px}.app-hero{padding:10px 20px 40px}.logo-halo{width:min(315px,85vw);margin-bottom:18px}.decoration{display:none}.download{font-size:18px;padding:14px 22px;border-radius:16px;min-height:76px}.download small{font-size:8px;letter-spacing:1.1px}#download-status{margin-bottom:26px;font-size:11px}h1{font-size:27px}.description{font-size:14px}.desktop-break{display:none}.highlights{gap:7px 15px;font-size:10px;max-width:340px;margin:20px auto 0}footer{width:calc(100% - 36px);display:block;text-align:center;padding:17px 0;font-size:10px}footer>div{justify-content:center;gap:20px}.dialog-content{padding:27px}}
@media(max-width:380px){.header{align-items:flex-start}.brand{font-size:8px;gap:6px;max-width:148px;white-space:normal;line-height:1.4}.account button{font-size:10px;padding-top:0;min-height:44px}.account>span{font-size:8px}.logo-halo{width:270px}.download{font-size:16px;padding-inline:17px;gap:10px}.download small{font-size:7px}h1{font-size:24px}.description{font-size:13px}.app-hero{padding-inline:17px}.highlights{gap:6px 12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
