/* Shared base rules. Ported verbatim from the index page: resets, type, container, button. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--base);color:var(--ink);font-family:var(--sans);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.025em;line-height:1.08}
h2{font-size:clamp(2.1rem,4.4vw,3.6rem)}
h3{font-size:clamp(1.3rem,2.1vw,1.75rem);letter-spacing:-.02em}
p{margin:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--margin)}

.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);
  font-size:16px;font-weight:600;height:56px;padding:0 34px;border-radius:var(--r-pill);border:0;
  cursor:pointer;background:var(--cyan);color:var(--on-cyan);
  transition:background var(--t-fast) var(--e),transform 140ms var(--e)}
.btn:hover{background:var(--cyan-pale)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:2px solid var(--cyan-pale);outline-offset:4px}