/* APP-010 / codex-pausito-implement-0923 / GPT-6 / 2026-09-23. META-060 brand tokens. */
:root{color-scheme:light;--ink:#0c0b14;--cream:#feedba;--gold:#f2cb81;--paper:#faf4e9;--text:#1a1422;--teal:#00695f;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px max(6vw,20px)}.brand{font-size:32px;font-weight:800;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--teal)}nav{display:flex;gap:24px}nav a,footer a{text-underline-offset:5px}main{max-width:1120px;margin:auto;padding:80px 32px 100px}h1{font-family:Fredoka,system-ui,sans-serif;font-size:clamp(40px,6vw,76px);line-height:1.05;max-width:800px;letter-spacing:-2px;margin:24px 0}.intro{font-size:22px;line-height:1.6}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--teal)}section{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:56px}.product{background:var(--cream);border:1px solid #ead79f;border-radius:28px;min-height:230px;padding:36px;text-decoration:none;transition:transform .15s}.product:hover{transform:translateY(-4px)}.product h2{font-size:32px;margin:24px 0}a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}footer{border-top:1px solid #d9d1c4;font-size:14px}@media(max-width:600px){header{align-items:flex-start}nav{gap:12px;flex-direction:column}main{padding:40px 22px 70px}footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.product{transition:none}}

.brand{display:inline-flex;align-items:center;gap:12px}.brand img{display:block;border-radius:12px}

.languages{justify-content:flex-end;padding:0 max(6vw,20px);flex-direction:row;flex-wrap:wrap}.languages [aria-current]{font-weight:800;text-decoration-thickness:3px}
