:root{--nanita-paper: #f9f1ee;--nanita-sheet: #ffffff;--nanita-sugar: #f7d6e0;--nanita-border: #ebddd7;--nanita-glaze: #f1678d;--nanita-jam: #a62348;--nanita-plum: #7e5769;--nanita-ink: #2e2028;--nanita-butter: #ffc95c;--radius-button: 14px;--radius-box: 24px;--radius-pill: 999px;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--nanita-paper);color:var(--nanita-ink);font-family:DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}.page{min-height:100dvh;display:flex;flex-direction:column}.stage{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 24px 22px;padding-top:max(18px,env(safe-area-inset-top,0px))}.inner{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:360px}.brand{display:flex;flex-direction:column;align-items:center;gap:13px}.lockup{width:232px;height:auto}.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--radius-pill);background-color:var(--nanita-ink)}.badge-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--nanita-butter)}.badge-dot{width:6px;height:6px;border-radius:var(--radius-pill);background-color:var(--nanita-butter);flex-shrink:0}.text{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.title{margin:0;font-family:Fredoka,system-ui,sans-serif;font-size:34px;font-weight:600;line-height:37px;letter-spacing:-.03em;text-wrap:balance;color:var(--nanita-ink)}.lede{margin:0;max-width:330px;font-size:15px;line-height:24px;color:var(--nanita-plum)}.art{margin:0;position:relative;width:100%;aspect-ratio:342 / 236;max-width:342px;border-radius:var(--radius-box);background-color:var(--nanita-sugar);overflow:hidden}.notebook{position:absolute;left:16%;top:5%;width:68%;height:auto}.letreiro{position:absolute;left:31%;top:76%;width:38%;height:auto}.actions{display:flex;flex-direction:column;gap:10px;width:100%}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 20px;border:2px solid transparent;border-radius:var(--radius-button);font-family:Fredoka,system-ui,sans-serif;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer}.cta-primary{background-color:var(--nanita-jam);color:var(--nanita-sheet)}.cta-secondary{background-color:transparent;border-color:var(--nanita-ink);color:var(--nanita-ink)}.cta:focus-visible{outline:3px solid var(--nanita-glaze);outline-offset:3px}.band{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;padding-bottom:calc(15px + env(safe-area-inset-bottom,0px));background-color:var(--nanita-ink)}.band-text{font-size:13px;font-weight:500;color:var(--nanita-border)}@media (min-width: 900px){.stage{padding:48px 64px}.inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"brand art" "text  art" "acts  art";align-content:center;justify-items:start;column-gap:72px;row-gap:28px;max-width:1100px}.brand{grid-area:brand;align-items:flex-start}.lockup{width:300px}.badge{padding:8px 16px}.badge-label{font-size:12px}.text{grid-area:text;align-items:flex-start;text-align:left;gap:16px}.title{font-size:54px;line-height:56px;letter-spacing:-.035em;max-width:10ch}.lede{max-width:46ch;font-size:19px;line-height:31px}.art{grid-area:art;align-self:center;justify-self:center;max-width:460px;aspect-ratio:460 / 430}.notebook{left:7%;top:5%;width:87%}.letreiro{left:26%;top:75%;width:47%}.actions{grid-area:acts;flex-direction:row;width:auto}.cta{min-height:56px;padding:16px 28px;font-size:17px}}