.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tappy{width:var(--size);height:var(--size);flex-shrink:0;position:relative}.tappy img{user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.shot{background:#1d1c1f;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 2px 4px #3c280a14,0 30px 60px -24px #3c280a59}.shot video{object-fit:cover;width:100%;height:100%}.feature-page .page-heading{padding-bottom:48px}.feature-page .page-heading .actions{margin-top:32px}.feature-visual{max-width:960px;margin-block:0 80px}.feature-visual--portrait{max-width:380px;margin-inline:auto}.feature-visual--portrait .shot{width:100%}.feature-tappy{background:var(--cream);border-radius:28px;place-items:center;padding:56px 24px;display:grid}.feature-visual--tappy{max-width:420px}.feature-copy{max-width:692px}.feature-copy p+p{margin-top:18px}.feature-copy p{color:var(--ink);font-size:1.1875rem}.feature-points{grid-template-columns:1fr 1fr;gap:14px;margin:40px 0 0;padding:0;list-style:none;display:grid}.feature-points li{background:var(--cream);border-radius:22px;padding:24px}.feature-points h3{font-size:1.25rem;line-height:1.2}.feature-points p{margin-top:8px;font-size:.9375rem}.feature-section{margin-top:80px}.feature-section>h2{margin-bottom:18px;font-size:2.25rem;line-height:1.1}.feature-section>p{color:var(--ink);max-width:692px;font-size:1.0625rem}.feature-section>p+p{margin-top:12px}.feature-page .feature-path{background:var(--cream);color:var(--ink);font-family:var(--rounded);border-radius:980px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 20px;font-size:1.0625rem;font-weight:700;display:inline-flex}.feature-section .steps{margin-top:24px}.feature-section .steps>li{padding-block:18px;padding-left:70px}.option-list{border-top:1px solid var(--line);margin:0}.option-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 32px;padding-block:20px;display:grid}.option-list dt{font-family:var(--rounded);color:var(--ink);font-size:1.1875rem;font-weight:700;line-height:1.25}.option-list dd{color:var(--ink);margin:0;font-size:1rem}.option-list dd p{color:var(--ink)}.option-default{background:var(--cream);color:var(--secondary);border-radius:980px;margin-top:8px;padding:2px 10px;font-size:.8125rem;font-weight:600;display:inline-block}.option-note{color:var(--secondary);margin-top:18px;font-size:.9375rem}.feature-limits{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.feature-limits li{border-bottom:1px solid var(--line);color:var(--ink);padding:18px 0 18px 30px;font-size:1.0625rem;position:relative}.feature-limits li:before{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:27px;left:4px}.mood-grid,.hat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.mood-grid li,.hat-grid li{background:var(--cream);text-align:center;border-radius:22px;justify-items:center;gap:10px;padding:20px 12px 16px;display:grid}.mood-grid strong,.hat-grid strong{font-family:var(--rounded);color:var(--ink);font-size:1.0625rem}.mood-grid span,.hat-grid span{color:var(--secondary);margin-top:2px;font-size:.875rem;display:block}.hat-grid li{background:#ffffffb3}.theme-count{color:var(--secondary);margin-top:12px;margin-bottom:32px}.theme-shelf+.theme-shelf{margin-top:48px}.theme-shelf>h3{margin-bottom:16px;font-size:1.5rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.theme-card{background:var(--cream);border-radius:20px;align-items:center;gap:14px;height:100%;padding:16px 16px 16px 20px;display:flex;position:relative}.theme-card:before{content:"";background:var(--theme);border-radius:0 4px 4px 0;width:4px;position:absolute;top:16px;bottom:16px;left:0}.theme-keycap{flex-shrink:0;width:64px;height:auto}.theme-card strong{font-family:var(--rounded);color:var(--ink);font-size:1.125rem;line-height:1.2;display:block}.theme-card p{color:var(--secondary);margin-top:4px;font-size:.875rem;line-height:1.35}.theme-tag{background:var(--card);color:var(--secondary);border-radius:980px;margin-top:8px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.feature-links{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.feature-page ul.feature-links li>a{background:var(--cream);height:100%;color:var(--ink);transition:background .2s var(--ease);border-radius:22px;padding:22px;text-decoration:none;display:block}.feature-page ul.feature-links li>a:hover{background:var(--pressed);text-decoration:none}.feature-links strong{font-family:var(--rounded);color:var(--ink);font-size:1.1875rem;line-height:1.2;display:block}.feature-links span{color:var(--secondary);margin-top:6px;font-size:.9375rem;display:block}.feature-groups{gap:72px;display:grid}.feature-group>h2{margin-bottom:20px;font-size:2.25rem}.feature-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.feature-page ul.feature-cards li>a{background:var(--cream);height:100%;color:var(--ink);transition:background .2s var(--ease);border-radius:22px;padding:26px;text-decoration:none;display:block}.feature-page ul.feature-cards li>a:hover{background:var(--pressed);text-decoration:none}.feature-card .eyebrow{margin-bottom:8px;font-size:.9375rem}.feature-card h3{color:var(--ink);font-size:1.4375rem;line-height:1.15}.feature-card p{color:var(--secondary);margin-top:10px;font-size:.9375rem}.feature-closing{border-radius:28px;margin-top:96px;padding:48px 40px}.feature-closing h2{color:var(--inverse);font-size:2.25rem}.feature-closing p{color:var(--inverse-secondary);margin-top:14px;font-size:1.0625rem}.feature-closing .actions{margin-top:28px}.feature-closing a:not(.button){color:#ffb867}@media (width<=1068px){.feature-section>h2,.feature-group>h2{font-size:2rem}}@media (width<=733px){.feature-page .page-heading{padding-bottom:36px}.feature-visual{margin-bottom:56px}.feature-points{grid-template-columns:1fr}.feature-section{margin-top:64px}.feature-section>h2,.feature-group>h2{font-size:1.875rem}.option-list>div{grid-template-columns:1fr;gap:6px}.feature-cards,.feature-links{grid-template-columns:1fr}.feature-groups{gap:56px}.feature-tappy{padding:40px 16px}.feature-closing{border-radius:22px;padding:36px 24px}.feature-closing h2{font-size:1.875rem}.feature-section .steps>li{padding-left:64px}}
