:root{--bg: #120E0A;--panel: #1B1510;--card: #211A12;--edge: #34281B;--text: #F4EEE4;--dim: #B5A899;--amber: #F0A83C;--copper: #C96F2E;--cream: #F5E6B8;--teal: #3CE3C0;--on-amber: #1D1104;--radius: 18px;--gutter: 20px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme: dark}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth}body{margin: 0;background: var(--bg);color: var(--text);font: 400 1.0625rem/1.6 var(--font);overflow-x: hidden}h1, h2, h3{line-height: 1.15;margin: 0 0 .5em;letter-spacing: -0.01em;text-wrap: balance}h1{font-size: clamp(2.1rem, 6.4vw, 3.6rem);font-weight: 850}h2{font-size: clamp(1.6rem, 4.4vw, 2.3rem);font-weight: 800}h3{font-size: 1.2rem;font-weight: 750}p{margin: 0 0 1em}a{color: var(--amber);text-underline-offset: 3px}a:hover{color: var(--cream)}img{max-width: 100%;height: auto}picture{display: block}picture img{display: block;width: 100%;height: auto}:focus-visible{outline: 3px solid var(--amber);outline-offset: 3px;border-radius: 6px}.wrap{width: 100%;max-width: 1100px;margin: 0 auto;padding: 0 var(--gutter)}.skip{position: absolute;left: 12px;top: -60px;z-index: 10;background: var(--amber);color: var(--on-amber);padding: 10px 16px;border-radius: 10px;font-weight: 700;text-decoration: none}.skip:focus{top: 12px}.kicker{margin: 0 0 .6em;font-size: .8rem;font-weight: 800;letter-spacing: .16em;text-transform: uppercase;color: var(--amber)}.wordmark{font-weight: 900;font-size: 1.6rem;letter-spacing: 0.03em;line-height: 1;color: var(--text);text-decoration: none}.wordmark:hover{color: var(--text)}.wordmark__wax{background: linear-gradient(100deg, var(--amber), var(--cream) 30%, var(--teal) 55%, var(--copper) 80%, var(--amber));-webkit-background-clip: text;background-clip: text;color: transparent}.wordmark--small{font-size: 1.3rem}.pill{display: inline-block;white-space: nowrap;font-size: .75rem;font-weight: 750;letter-spacing: .14em;text-transform: uppercase;color: var(--on-amber);background: #C9A27A;padding: 6px 12px;border-radius: 999px}.top{padding: 14px 0 6px;position: relative;z-index: 1}.top__row{display: grid;grid-template-columns: 1fr auto;align-items: center;gap: 8px 12px}.top__nav{grid-column: 1 / -1;grid-row: 2}.top__nav ul{list-style: none;margin: 0 -10px;padding: 0;display: flex;flex-wrap: wrap}.top__nav a{display: inline-block;padding: 10px;color: var(--dim);font-weight: 650;font-size: .95rem;text-decoration: none}.top__nav a:hover, .top__nav a[aria-current="page"]{color: var(--text)}.crumbs{margin-top: 6px;max-width: 760px}.crumbs ol{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 4px;font-size: .9rem;color: var(--dim)}.crumbs li + li::before{content: "/";margin-right: 4px;color: #6B5641}.crumbs a{color: var(--dim)}.crumbs a:hover{color: var(--cream)}main{position: relative;z-index: 0}.hero{position: relative;padding: 18px 0 48px}.hero::before{content: "";position: absolute;z-index: -1;left: 0;right: 0;top: -120px;bottom: 0;background: linear-gradient(115deg, transparent 30%, rgba(201,111,46,.10) 42%, transparent 52%), linear-gradient(115deg, transparent 58%, rgba(201,111,46,.07) 66%, transparent 74%);-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent);mask-image: linear-gradient(to bottom, #000 55%, transparent);pointer-events: none}.hero__grid{display: grid;gap: 20px;align-items: center}.hero__copy{text-align: center}.hero__art{display: flex;justify-content: center;position: relative;order: -1}.hero__art::before{content: "";position: absolute;inset: 10% 5%;z-index: -1;background: radial-gradient(closest-side, rgba(240,168,60,.30), transparent);filter: blur(10px)}.hero__pack{position: relative;width: 54vw;max-width: 280px;margin: -24px 0 -40px}.hero__pic img{-webkit-mask-image: radial-gradient(closest-side, #000 76%, transparent 100%);mask-image: radial-gradient(closest-side, #000 76%, transparent 100%)}.stamp{position: absolute;left: 10%;top: 23.27%;width: 80%;height: auto;aspect-ratio: 1;overflow: visible;pointer-events: none}.stamp *{animation: 1.5s .15s both cubic-bezier(.3, .7, .3, 1)}.st-drop, .st-fallshadow, .st-press, .st-heat, .st-splash, .st-flecks circle, .st-ring, .st-glint, .st-hot{opacity: 0}.st-drop{animation-name: st-drop}.st-fallshadow{animation-name: st-fallshadow}.st-splash{animation-name: st-splash}.st-flecks circle{animation-name: st-fleck}.st-seal{animation-name: st-seal}.st-press{animation-name: st-press}.st-emboss{animation-name: st-emboss}.st-ring{animation-name: st-ring}.st-hot{animation-name: st-hot}.st-heat{animation-name: st-heat}.st-glint{animation-name: st-glint}.st-flecks circle:nth-child(1){--a: -150deg}.st-flecks circle:nth-child(2){--a: -95deg}.st-flecks circle:nth-child(3){--a: -30deg}.st-flecks circle:nth-child(4){--a: 25deg}.st-flecks circle:nth-child(5){--a: 100deg}.st-flecks circle:nth-child(6){--a: 160deg}@keyframes st-drop{0%{opacity: 0;transform: translate(-32px, -44px) scale(1.9);animation-timing-function: cubic-bezier(.5, 0, .9, .6)}3%{opacity: 1}25%{opacity: 1;transform: none}27%, 100%{opacity: 0;transform: scale(1.3)}}@keyframes st-fallshadow{0%{opacity: 0;transform: translate(28px, 40px) scale(1.8);animation-timing-function: cubic-bezier(.5, 0, .9, .6)}10%{opacity: .2}25%{opacity: .55;transform: translate(4px, 6px)}29%, 100%{opacity: 0;transform: translate(4px, 6px)}}@keyframes st-splash{0%, 24.9%{opacity: 0;transform: scale(.36)}25%{opacity: 1;transform: scale(.36);animation-timing-function: cubic-bezier(.2, .9, .3, 1)}35%{opacity: 1;transform: scale(1.12)}40%{opacity: 1;transform: scale(1.02)}45%, 100%{opacity: 0;transform: none}}@keyframes st-fleck{0%, 24.9%{opacity: 0;transform: rotate(var(--a)) translateX(28px)}26%{opacity: 1;transform: rotate(var(--a)) translateX(60px);animation-timing-function: cubic-bezier(.2, .8, .4, 1)}46%, 100%{opacity: 0;transform: rotate(var(--a)) translateX(144px) scale(.4)}}@keyframes st-seal{0%, 33%{opacity: 0;transform: scale(.9)}37%{opacity: 1;transform: scale(1.02)}41%{transform: none}44%{transform: scale(1.075, .935)}49%{transform: scale(.975, 1.03)}54%{transform: scale(1.012, .994)}60%, 100%{opacity: 1;transform: none}}@keyframes st-press{0%, 30%{opacity: 0;transform: translate(36px, 48px) scale(1.6);animation-timing-function: cubic-bezier(.6, 0, .9, .5)}42%{opacity: .6;transform: translate(6px, 8px) scale(1.02)}46%{opacity: .3}52%, 100%{opacity: 0;transform: translate(6px, 8px)}}@keyframes st-emboss{0%, 41%{opacity: 0;transform: scale(1.12)}44%{opacity: 1;transform: none}}@keyframes st-ring{0%, 43%{opacity: 0;transform: none}44%{opacity: .8;transform: none;animation-timing-function: cubic-bezier(.1, .7, .3, 1)}70%, 100%{opacity: 0;transform: scale(2)}}@keyframes st-hot{0%, 45%{opacity: 1;animation-timing-function: cubic-bezier(.4, 0, .6, 1)}86%, 100%{opacity: 0}}@keyframes st-heat{0%, 22%{opacity: 0;transform: scale(.5)}30%{opacity: 1;transform: none}50%{opacity: .8}90%, 100%{opacity: 0;transform: none}}@keyframes st-glint{0%, 72%{opacity: 0;transform: translateX(-124px);animation-timing-function: cubic-bezier(.4, 0, .4, 1)}76%{opacity: 1}95%{opacity: 1;transform: translateX(124px)}100%{opacity: 0;transform: translateX(124px)}}.lede{font-size: 1.15rem;color: var(--text);max-width: 34em;margin-left: auto;margin-right: auto}.note{color: var(--dim);font-size: .98rem}.hero__ctas{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin: 0}.btn{display: inline-block;padding: 14px 26px;border-radius: 999px;background: linear-gradient(135deg, var(--amber), var(--copper));color: var(--on-amber);font-weight: 800;text-decoration: none;box-shadow: 0 6px 20px rgba(201,111,46,.28)}.btn:hover{color: var(--on-amber);background: linear-gradient(135deg, #F6B954, #D27A36)}.btn--ghost{background: transparent;color: var(--text);box-shadow: none;border: 1px solid #806A55}.btn--ghost:hover{background: var(--card);color: var(--text)}.band{padding: 56px 0}.band--alt{background: var(--panel);border-top: 1px solid var(--edge);border-bottom: 1px solid var(--edge)}.section-lede{color: var(--dim);font-size: 1.1rem;max-width: 40em}.more{margin: 24px 0 0;font-weight: 700}.steps, .packs, .guide-cards, .apps, .choices, .foot__links, .foot__legal{list-style: none;margin: 0;padding: 0}.steps{display: grid;gap: 28px;margin-top: 28px}.step{background: var(--card);border: 1px solid var(--edge);border-radius: var(--radius);overflow: hidden;display: flex;flex-direction: column}.step__art{aspect-ratio: 1 / 1;overflow: hidden;background: #0D0906;position: relative;display: grid;place-items: center}.step__pic{position: absolute;inset: 0}.step__pic img{width: 100%;height: 100%;object-fit: cover;object-position: 50% 50%}.step__body{padding: 20px 22px 24px;position: relative}.step__body p{color: var(--dim);margin: 0}.step__body strong{color: var(--text)}.step__num{position: absolute;top: -24px;left: 20px;width: 44px;height: 44px;border-radius: 50%;display: grid;place-items: center;background: radial-gradient(circle at 35% 30%, #FBC56A, var(--amber) 45%, #B85F26);color: var(--on-amber);font-weight: 900;font-size: 1.15rem;box-shadow: 0 4px 14px rgba(0,0,0,.5)}.step h3{margin-top: 14px;margin-bottom: .35em}.step__art--choices{background: radial-gradient(60% 70% at 50% 50%, rgba(201,111,46,.22), transparent), #0D0906}.choices{display: flex;flex-direction: column;gap: 10px;width: 100%;max-width: 230px;padding: 0 16px}.choices li{display: flex;align-items: center;gap: 14px;padding: 10px 14px;border-radius: 14px;background: var(--card);border: 1px solid var(--edge);font-weight: 750;font-size: 1rem}.choices__icon{flex: none;width: 36px;height: 36px;fill: none;stroke: var(--amber);stroke-width: 2.2;stroke-linejoin: round;stroke-linecap: round}.packs{display: grid;grid-auto-flow: column;grid-auto-columns: 42vw;gap: 14px;margin: 28px calc(-1 * var(--gutter)) 0;padding: 4px var(--gutter) 14px;overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding: 0 var(--gutter);scrollbar-width: thin;scrollbar-color: var(--edge) transparent}.pack{scroll-snap-align: start}.pack h3{font-size: 1.05rem;margin: 10px 0 2px}.pack p{color: var(--dim);font-size: .9rem;margin: 0}.pack__pic{position: relative;border-radius: 14px;overflow: hidden;border: 1px solid var(--edge);transition: transform .3s, border-color .3s}.pack__pic::after{content: "";position: absolute;left: 32.2%;top: 40.3%;width: 35.6%;height: 20%;border-radius: 50%;background: linear-gradient(115deg, transparent 40%, rgba(255, 246, 225, .55) 50%, transparent 60%) 100% 0 / 300% 100% no-repeat;opacity: 0;pointer-events: none}.pack:hover .pack__pic{transform: translateY(-4px);border-color: #6B5641}.pack:hover .pack__pic::after{opacity: 1;background-position: 0 0;transition: background-position .7s ease-out, opacity .2s}.guide-cards{display: grid;gap: 16px;margin: 24px 0 8px}.guide-card{background: var(--card);border: 1px solid var(--edge);border-radius: var(--radius);padding: 22px;position: relative}.guide-card:hover{border-color: #6B5641}.guide-cards .guide-card :is(h2, h3){font-size: 1.2rem;margin: 0 0 .4em}.prose .guide-cards{padding-left: 0}.prose .guide-card{margin: 0}.guide-card :is(h2, h3) a{color: var(--text);text-decoration: none}.guide-card :is(h2, h3) a::after{content: "";position: absolute;inset: 0;border-radius: var(--radius)}.guide-card :is(h2, h3) a:focus-visible{outline: none}.guide-card:has(a:focus-visible){outline: 3px solid var(--amber);outline-offset: 3px}.guide-card p{color: var(--dim);margin: 0}.apps{display: grid;gap: 16px;margin-top: 24px}.app-card{display: flex;gap: 16px;align-items: flex-start;background: var(--card);border: 1px solid var(--edge);border-radius: var(--radius);padding: 22px;position: relative}.app-card:hover{border-color: #6B5641}.app-card__icon{flex: none;width: 48px}.app-card__icon img{border-radius: 12px}.app-card h3{margin-bottom: .35em}.app-card h3 a{text-decoration: none;color: var(--text)}.app-card h3 a::after{content: "";position: absolute;inset: 0;border-radius: var(--radius)}.app-card h3 a:focus-visible{outline: none}.app-card:has(a:focus-visible){outline: 3px solid var(--amber);outline-offset: 3px}.app-card__name{display: block}.app-card__what{display: block;margin-top: 4px;font-size: .95rem;font-weight: 650;color: var(--amber)}.app-card p{color: var(--dim);margin: 0}.faq__list{margin-top: 20px;max-width: 800px}.faq__item{border-bottom: 1px solid var(--edge)}.faq__item summary{cursor: pointer;list-style: none;padding: 18px 40px 18px 0;position: relative;font-weight: 750;font-size: 1.08rem}.faq__item summary::-webkit-details-marker{display: none}.faq__item summary::after{content: "";position: absolute;right: 8px;top: 50%;width: 10px;height: 10px;margin-top: -7px;border-right: 2.5px solid var(--amber);border-bottom: 2.5px solid var(--amber);transform: rotate(45deg);transition: transform .2s}.faq__item[open] summary::after{transform: rotate(-135deg);margin-top: -2px}.faq__a{color: var(--dim);padding: 0 0 8px}.notify > *{max-width: 640px}.notify > p{color: var(--dim)}.notify__form{margin: 20px 0 8px}.notify__form label{display: block;font-weight: 700;margin-bottom: 8px}.notify__row{display: flex;flex-direction: column;gap: 10px}.notify__row input, .notify__row button{font: inherit;min-height: 50px;border-radius: 12px;padding: 0 16px}.notify__row input{flex: 1;background: var(--bg);color: var(--text);border: 1px solid #806A55}.notify__row input::placeholder{color: #8E8172}.notify__row button{border: 0;font-weight: 800;background: #3A2C1E;color: #D9CBB8}.notify__row input:disabled, .notify__row button:disabled{cursor: not-allowed}.notify__status{color: var(--dim);font-size: .92rem;margin-top: 10px}.article{padding: 20px 0 64px}.prose{max-width: 760px}.prose__head{margin-bottom: 28px}.prose__head h1{font-size: clamp(2rem, 5.6vw, 3rem)}.prose .lede{margin-left: 0}.byline{color: var(--dim);font-size: .92rem}.prose h2{font-size: clamp(1.4rem, 3.6vw, 1.8rem);margin-top: 1.8em}.prose h3{margin-top: 1.4em}.prose p, .prose li{color: #DDD3C5}.prose ul, .prose ol{padding-left: 1.3em;margin: 0 0 1em}.prose li{margin-bottom: .45em}.prose strong{color: var(--text)}.prose .kicker, .doc .kicker{color: var(--amber);font-size: .8rem}.prose__fig{margin: 28px 0;text-align: center}.prose__pic{width: 70vw;max-width: 300px;margin: 0 auto}.prose__pic img{border-radius: 16px;border: 1px solid var(--edge)}.prose__fig figcaption{color: var(--dim);font-size: .92rem;margin-top: 10px}.callout{margin: 32px 0;padding: 20px 22px;background: var(--card);border: 1px solid var(--edge);border-left: 4px solid var(--amber);border-radius: 12px}.callout h2{font-size: 1.25rem;margin-top: 0}.callout p:last-child{margin-bottom: 0}.callout--quiet{color: var(--dim);border-left-color: #6B5641}.fine{color: var(--dim);font-size: .88rem;margin-top: 2.5em}.table-wrap{overflow-x: auto;margin: 0 0 1em;border: 1px solid var(--edge);border-radius: 12px}.grades{border-collapse: collapse;width: 100%;font-size: .95rem}.grades caption{text-align: left;color: var(--dim);font-size: .88rem;padding: 12px 14px 4px}.grades th, .grades td{text-align: left;vertical-align: top;padding: 10px 14px;border-top: 1px solid var(--edge)}.grades thead th{border-top: 0;color: var(--dim);font-size: .8rem;letter-spacing: .1em;text-transform: uppercase}.grades tbody th{white-space: nowrap;color: var(--amber)}.grades td{color: #DDD3C5}.grades td:nth-child(2){white-space: nowrap;color: var(--text);font-weight: 650}@media (max-width: 639px){.grades thead{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%)}.grades tr{display: grid;grid-template-columns: auto 1fr;border-top: 1px solid var(--edge)}.grades thead tr, .grades tbody tr:first-child{border-top: 0}.grades th, .grades td{border-top: 0}.grades tbody th{padding-bottom: 2px}.grades td:nth-child(2){padding-bottom: 2px;padding-left: 0}.grades td:nth-child(3){grid-column: 1 / -1;padding-top: 0}}.doc{padding: 40px 0 72px}.doc .wrap{max-width: 720px}.doc p{color: var(--dim);font-size: 1.1rem}.doc--404 .wrap{max-width: 900px}.notfound{display: grid;gap: 24px;align-items: center}.notfound__art{width: 46vw;max-width: 220px}.notfound__art img{border-radius: 16px;border: 1px solid var(--edge)}.notfound__links{padding-left: 1.2em}.notfound__links li{margin-bottom: .5em;font-size: 1.05rem}.foot{padding: 44px 0 28px;border-top: 1px solid var(--edge)}.foot__grid{display: grid;gap: 28px}.foot__text{color: var(--dim);font-size: .95rem;margin: 12px 0 0;max-width: 28em}.foot__head{font-size: .78rem;font-weight: 800;letter-spacing: .14em;text-transform: uppercase;color: var(--text);margin: 0 0 6px}.foot__links a{display: inline-block;padding: 7px 0;color: var(--dim)}.foot__links a:hover{color: var(--cream)}.foot__base{margin-top: 28px;padding-top: 20px;border-top: 1px solid var(--edge)}.foot__legal{display: flex;flex-wrap: wrap;gap: 4px 22px}.foot__legal a{display: inline-block;padding: 8px 0}.foot__fine, .foot__copy{color: var(--dim);font-size: .82rem;margin: 10px 0 0}@media (min-width: 640px){.notify__row{flex-direction: row}.notify__row button{padding: 0 22px}.steps{grid-template-columns: repeat(3, 1fr);gap: 20px}.step__art{aspect-ratio: 3 / 4}.packs{grid-auto-flow: row;grid-template-columns: repeat(4, 1fr);gap: 22px 16px;margin: 28px 0 0;padding: 0;overflow: visible}.guide-cards{grid-template-columns: repeat(3, 1fr)}.apps{grid-template-columns: repeat(2, 1fr)}.foot__grid{grid-template-columns: 1fr 1fr}.notfound{grid-template-columns: auto 1fr;gap: 40px}}@media (min-width: 900px){:root{--gutter: 32px}.top{padding: 18px 0}.top__row{grid-template-columns: auto 1fr auto;gap: 24px}.top__nav{grid-column: auto;grid-row: auto;justify-self: end}.hero{padding: 24px 0 80px}.hero__grid{grid-template-columns: 1.15fr 1fr;gap: 40px}.hero__copy{text-align: left}.hero__art{order: 0}.hero__ctas{justify-content: flex-start}.lede{margin-left: 0}.hero__pack{width: 380px;max-width: none;margin: 0}.band{padding: 84px 0}.packs{grid-template-columns: repeat(6, 1fr)}.foot__grid{grid-template-columns: 1.3fr 1fr 1.3fr 1.3fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.faq__item summary::after, .pack__pic{transition: none}.stamp *, .pack:hover .pack__pic::after{animation: none;transition: none}.pack:hover .pack__pic{transform: none}.pack:hover .pack__pic::after{opacity: 0}}
