.hero{max-width:1120px;margin:0 auto;padding-top:22px;padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right));display:grid;grid-template-columns:minmax(0, 1fr);grid-template-areas:"title" "lede" "art" "actions";justify-items:center;text-align:center}.hero__title{grid-area:title;display:flex;flex-direction:column;align-items:center;line-height:.9;color:var(--gray-10)}.hero__title span{font-family:inherit;font-style:inherit;font-weight:inherit;line-height:inherit}.hero__staley{font-size:clamp(34px,10vw,46px);color:var(--primary-5);margin-bottom:-0.02em;translate:-0.9em 0}.hero__pinochle{font-size:clamp(66px,21vw,96px);color:var(--gray-10);padding-bottom:.08em}.hero__lede{grid-area:lede;margin-top:14px;max-width:30ch;font-size:17px;line-height:1.45;color:var(--gray-8);text-wrap:balance}.hero__lede span{display:block;margin-top:6px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--gray-6)}.hero__art{grid-area:art;position:relative;margin-top:18px;width:100%;display:flex;justify-content:center}.hero__note{position:absolute;right:max(0px,50% - 190px);bottom:-24px;display:flex;align-items:flex-end;gap:2px;font-family:"Lobster Two",cursive;font-style:italic;font-size:17px;line-height:1.1;text-align:left;color:var(--primary-5);rotate:-4deg;animation:note-in 600ms 1.1s var(--ease-out) backwards}.hero__note span,.hero__note b,.hero__note br{font:inherit;color:inherit}.hero__note b{font-weight:700;font-size:1.2em}.hero__note svg{width:34px;height:24px;flex:none;margin-bottom:18px;fill:none;stroke:var(--primary-5);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;scale:-1 -1}.hero__actions{grid-area:actions;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:400px;margin-top:44px}.hero__actions .btn{flex:1 1 140px;min-height:52px;padding:0 16px;font-size:16px;white-space:nowrap}.hero__deal{font-size:17px !important}@media(min-width: 960px){.hero{padding-top:56px;min-height:min(560px,100svh - 120px);grid-template-columns:minmax(0, 1fr) minmax(0, 1.05fr);grid-template-rows:auto auto auto;grid-template-areas:"title art" "lede art" "actions art";align-content:center;justify-items:start;column-gap:40px;text-align:left}.hero__title{align-items:flex-start}.hero__staley{font-size:58px;translate:.15em 0}.hero__pinochle{font-size:132px}.hero__lede{font-size:20px;margin-top:18px}.hero__lede span{font-size:15px}.hero__actions{justify-content:flex-start;align-self:start;max-width:420px;margin-top:36px}.hero__art{margin-top:0;align-self:center}.hero__note{right:0;bottom:4px;font-size:20px}}.fan{--fan-zoom: 1.55;zoom:var(--fan-zoom);position:relative;width:210px;height:130px;flex:none}.fan .card{position:relative;flex:none;cursor:default;position:absolute;top:6px;left:calc(50% - 33.5px);--r: calc((var(--i) - 2) * 13deg);transform:rotate(var(--r));transform-origin:50% 135%;box-shadow:0 1px 1px rgba(53,54,0,.12),0 6px 14px rgba(53,54,0,.14);animation:fan-in 900ms calc(250ms + var(--i)*80ms) var(--ease-spring) backwards;transition:transform 350ms var(--ease-spring),box-shadow 350ms}@media(hover: hover){.fan .card:hover{transform:rotate(var(--r)) translateY(-10px);box-shadow:0 2px 3px rgba(53,54,0,.12),0 12px 22px rgba(53,54,0,.18)}}.fan__pin{position:absolute;z-index:2;top:96px;left:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background-color:var(--primary-7);background-image:radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 55%);box-shadow:0 4px 6px rgba(0,0,0,.3);pointer-events:none;animation:pin-in 500ms 900ms var(--ease-spring) backwards}@media(min-width: 420px){.fan{--fan-zoom: 1.7}}@media(min-width: 960px){.fan{--fan-zoom: 2.45}}@keyframes fan-in{from{transform:rotate(0deg) translateY(18px);opacity:0}30%{opacity:1}}@keyframes pin-in{from{transform:translateY(-14px) scale(1.6);opacity:0}}@keyframes note-in{from{opacity:0;translate:-6px 4px}}.features{max-width:1120px;margin:64px auto 0;padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right));display:grid;grid-template-columns:minmax(0, 1fr);gap:30px}@media(min-width: 640px){.features{max-width:632px}}@media(min-width: 960px){.features{max-width:1120px;grid-template-columns:repeat(3, minmax(0, 1fr));gap:36px;margin-top:72px;align-items:start}}.note{background-color:#fff;background-image:url("/assets/noise-texture.png");background-repeat:repeat;border-radius:12px;box-shadow:0 1px 1px rgba(53,54,0,.06),0 2px 6px rgba(53,54,0,.08),0 14px 34px rgba(53,54,0,.1);position:relative;padding:40px 22px 26px;rotate:-0.6deg}.note:nth-child(2){rotate:.5deg}.note:nth-child(3){rotate:-0.3deg}.note__pin{position:absolute;top:13px;left:50%;translate:-50% 0;width:20px;height:20px}.note__title{font-size:28px;line-height:1.1;color:var(--gray-10)}.note__text{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--gray-8)}.note__link{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;margin-bottom:-10px;font-size:15px;font-weight:700;color:var(--primary-5)}.note__link:hover{color:var(--primary-7)}.note__stamp{position:absolute;top:16px;right:16px}.note__art--backs{display:flex;height:118px;margin:-6px 0 6px 6px;zoom:.7}.note__art--backs .card{position:relative;flex:none;cursor:default;transform-origin:50% 120%;box-shadow:0 1px 1px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.12)}.note__art--backs .card:nth-child(1){rotate:-10deg}.note__art--backs .card:nth-child(2){rotate:0deg;margin-left:-34px;translate:0 -4px}.note__art--backs .card:nth-child(3){rotate:10deg;margin-left:-34px}@media(min-width: 960px){.note{padding:44px 26px 30px;rotate:-1.1deg}.note:nth-child(2){rotate:.9deg;margin-top:18px}.note:nth-child(3){rotate:-0.5deg;margin-top:4px}.note{transition:rotate 400ms var(--ease-spring),translate 400ms var(--ease-spring)}.note:hover{rotate:0deg;translate:0 -3px}}.tally{list-style:none;margin-top:12px}.tally li{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px solid var(--gray-2);font-size:15px;color:var(--gray-9)}.tally li::after{content:"";order:1;flex:1 1 auto;min-width:12px;border-bottom:2px dotted var(--gray-3);translate:0 -4px}.tally li:last-child{border-bottom:none}.tally span{flex:none;font-weight:500;color:inherit}.tally b{order:2;flex:none;font-family:"Lobster Two",cursive;font-style:italic;font-weight:700;font-size:21px;line-height:1;color:var(--primary-5)}.install{background-color:#fff;background-image:url("/assets/noise-texture.png");background-repeat:repeat;border-radius:16px;box-shadow:0 1px 1px rgba(53,54,0,.06),0 2px 6px rgba(53,54,0,.08),0 14px 34px rgba(53,54,0,.1);display:grid;grid-template-columns:auto minmax(0, 1fr);gap:16px;align-items:start;width:calc(100% - 2*max(16px,var(--safe-left)));max-width:600px;margin:56px auto 0;padding:22px 20px;border:1.5px dashed var(--gray-3);box-shadow:none;background-color:color-mix(in srgb, #fff 70%, transparent)}.install__icon{width:60px;height:60px;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.12),0 6px 14px rgba(53,54,0,.14)}.install__title{font-size:25px;line-height:1.1;color:var(--gray-10)}.install__text{margin-top:6px;font-size:15px;line-height:1.55;color:var(--gray-8)}.install__button{margin-top:14px}.install__ios{margin-top:12px;list-style:none;counter-reset:step;display:grid;gap:8px}.install__ios li{counter-increment:step;position:relative;padding-left:34px;min-height:26px;line-height:1.7;font-size:15px;color:var(--gray-9)}.install__ios li::before{content:counter(step);position:absolute;left:0;top:1px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--primary-5);color:#fff;font-size:13px;font-weight:700}.install__ios b{color:var(--gray-10)}.install__share{display:inline-flex;align-items:center;vertical-align:-2px;line-height:1.3;gap:3px;margin:0 2px;padding:1px 8px 1px 5px;border-radius:6px;background:var(--primary-1);color:var(--primary-6);font-weight:600}.install__share svg{width:17px;height:17px;fill:none;stroke:var(--primary-5);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(min-width: 640px){.install{padding:26px 28px;gap:22px}.install__icon{width:72px;height:72px;border-radius:16px}}.closer{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:64px;padding-left:max(16px,var(--safe-left));padding-right:max(16px,var(--safe-right))}.closer__line{font-family:"Lobster Two",cursive;font-style:italic;font-size:40px;line-height:1;color:var(--gray-10)}.closer .btn{min-width:200px;min-height:52px;font-size:17px}