:root{--Green-500: hsl(171, 66%, 44%);--Blue-100: hsl(233, 100%, 69%);--Gray-700: hsl(210, 10%, 33%);--Gray-500: hsl(201, 11%, 66%);--White: hsl(0, 0%, 100%);--Footer-bg: hsl(220, 18%, 97%);--FontSize: 1.125rem}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Bai Jamjuree,sans-serif;font-weight:400;font-size:var(--FontSize);color:var(--Gray-500);background-color:var(--White)}h1,h2,h3{font-weight:600;color:var(--Gray-700);margin:0}p{margin:0}a{text-decoration:none;color:inherit}ul{list-style:none;margin:0;padding:0}img{display:block;max-width:100%}.section-lead{margin:1.25rem auto 0;max-width:45.625rem;font-size:1.125rem;line-height:1.65;color:var(--Gray-500);padding-inline:1.5rem}@media(max-width:47.9375em){.section-lead{margin-block-start:1rem;font-size:1rem}}.btn{display:inline-block;color:var(--White);font-weight:600;font-size:1.125rem;letter-spacing:.03125rem;border-radius:624.9375rem;padding:.875rem 2.25rem 1rem}.btn:hover,.btn:focus{opacity:.75;transform:translateY(-.125rem)}.btn--ios{background-color:var(--Green-500);border-bottom:.1875rem solid hsl(171,66%,38%);box-shadow:0 .75rem 1.25rem #26baa44d}.btn--mac{background-color:var(--Blue-100);border-bottom:.1875rem solid hsl(233,60%,60%);box-shadow:0 .75rem 1.25rem #6173ff4d}.btn-row{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media(max-width:47.9375em){.btn-row{flex-direction:column;align-items:stretch;gap:1.5rem;width:100%;max-width:19.4375rem;margin-inline:auto}}@media(prefers-reduced-motion:no-preference){.btn{transition:opacity .25s ease,transform .25s ease}}