:root{--sky: oklch(.73 .137 240);--sky-bright: oklch(.86 .075 232);--foam: oklch(.965 .018 232);--ocean: oklch(.45 .115 248);--navy-ink: oklch(.27 .045 252);--ink-muted: oklch(.46 .035 250);--coral: oklch(.72 .165 39);--coral-deep: oklch(.64 .175 36);--sun: oklch(.87 .15 88);--sand: oklch(.92 .028 78);--white: #ffffff;--bg: var(--white);--bg-alt: var(--foam);--text: var(--navy-ink);--text-soft: var(--ink-muted);--heading: var(--ocean);--line: color-mix(in oklch, var(--ocean) 14%, transparent);--line-soft: color-mix(in oklch, var(--ocean) 8%, transparent);--font-display: "Fredoka", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--step--1: clamp(.82rem, .79rem + .15vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.1rem);--step-1: clamp(1.2rem, 1.12rem + .4vw, 1.45rem);--step-2: clamp(1.45rem, 1.3rem + .7vw, 1.9rem);--step-3: clamp(1.8rem, 1.55rem + 1.2vw, 2.6rem);--step-4: clamp(2.2rem, 1.7rem + 2.4vw, 3.4rem);--step-5: clamp(2.7rem, 1.9rem + 3.6vw, 4.6rem);--radius-sm: 12px;--radius: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--shadow-sm: 0 2px 8px -3px color-mix(in oklch, var(--ocean) 30%, transparent);--shadow: 0 8px 24px -8px color-mix(in oklch, var(--ocean) 34%, transparent);--shadow-lg: 0 24px 60px -20px color-mix(in oklch, var(--ocean) 42%, transparent);--container: 1200px;--container-wide: 1320px;--pad-x: clamp(20px, 5vw, 64px);--section-y: clamp(56px, 7vw, 112px);--z-base: 1;--z-sticky: 100;--z-header: 200;--z-drawer-backdrop: 300;--z-drawer: 310;--z-modal: 400;--z-toast: 500;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-out-soft: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,picture,svg,video{display:block;max-width:100%;height:auto}img{background:var(--foam)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:var(--ocean);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none;padding:0}:where(h1,h2,h3,h4){font-family:var(--font-display);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--heading);text-wrap:balance}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-2)}p{text-wrap:pretty;max-width:70ch}:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--pad-x)}.container--wide{max-width:var(--container-wide)}.section{padding-block:var(--section-y)}.section--alt{background:var(--bg-alt)}.section--sky{background:linear-gradient(180deg,var(--sky) 0%,color-mix(in oklch,var(--sky) 86%,var(--ocean)) 100%);color:var(--navy-ink)}.section--sky :where(h1,h2,h3){color:var(--navy-ink)}.stack>*+*{margin-top:1rem}.eyebrow{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-body);font-weight:700;font-size:var(--step--1);color:var(--coral-deep);letter-spacing:.01em}.section-head{max-width:46rem;margin-inline:auto;text-align:center}.section-head p{margin-inline:auto;color:var(--text-soft);font-size:var(--step-1);margin-top:.75rem}.lede{font-size:var(--step-1);color:var(--text-soft)}.btn{--btn-bg: var(--coral);--btn-fg: var(--navy-ink);display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.6em;font-family:var(--font-body);font-weight:700;font-size:var(--step-0);letter-spacing:.01em;line-height:1;color:var(--btn-fg);background:var(--btn-bg);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);transition:transform .14s var(--ease-out),background .18s ease,box-shadow .18s ease,filter .18s ease;text-align:center;text-decoration:none}.btn:hover{background:var(--coral-deep);box-shadow:var(--shadow);text-decoration:none}.btn:active{transform:translateY(1px)}.btn--lg{min-height:60px;font-size:var(--step-1);padding:0 2em}.btn--block{display:flex;width:100%}.btn--sky{--btn-bg: var(--sky);--btn-fg: var(--navy-ink)}.btn--sky:hover{background:color-mix(in oklch,var(--sky) 84%,var(--ocean))}.btn--ocean{--btn-bg: var(--ocean);--btn-fg: #fff}.btn--ocean:hover{background:color-mix(in oklch,var(--ocean) 88%,black)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--ocean);box-shadow:inset 0 0 0 2px color-mix(in oklch,var(--ocean) 30%,transparent)}.btn--ghost:hover{background:var(--foam);box-shadow:inset 0 0 0 2px var(--ocean)}.stars{display:inline-flex;gap:2px;color:var(--sun)}.stars svg{width:1.05em;height:1.05em}.tag{display:inline-flex;align-items:center;gap:.4em;padding:.3em .7em;border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:700;background:color-mix(in oklch,var(--sky) 22%,var(--white));color:var(--ocean)}.tag--coral{background:color-mix(in oklch,var(--coral) 22%,var(--white));color:var(--coral-deep)}.tag--sun{background:color-mix(in oklch,var(--sun) 32%,var(--white));color:#5e4205}.trust-row{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.trust-row li{display:inline-flex;align-items:center;gap:.45em;font-size:var(--step--1);font-weight:600;color:var(--text-soft)}.trust-row svg{width:1.1em;height:1.1em;color:var(--sky);flex:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){[data-reveal].reveal-armed{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-reveal].reveal-armed.is-in{opacity:1;transform:none}}.skip-link{position:absolute;left:12px;top:-60px;z-index:var(--z-toast);background:var(--ocean);color:#fff;padding:.6em 1em;border-radius:var(--radius-sm);transition:top .2s ease}.skip-link:focus{top:12px;text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/base.css.map */