@layer theme, base, components, utilities;@layer components{.guide-page{--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--grad-sunset: radial-gradient(120% 120% at 30% 25%, #f2a85c 0%, #e07b2e 60%, #c25e14 100%);--grad-carrot: linear-gradient(135deg, #ffa24b 0%, #f2793a 45%, #d8531f 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--action-bg: var(--color-brand);--action-fg: var(--color-brand-content);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-6: var(--space-6);--s-8: var(--space-8);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16)}.guide-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.g-gated-dir{--gd-peach: color-mix(in oklab, var(--color-accent) 9%, var(--color-surface));background:var(--color-surface);color:var(--color-fg-soft);padding-block:var(--s-8) 0}.g-gated-dir h2{margin:var(--s-3) 0 0;color:var(--color-fg);font-size:var(--type-heading);font-weight:var(--fw-bold);line-height:var(--lh-snug);letter-spacing:var(--ls-tight-25);text-wrap:balance}.g-gated-dir .gd-tone-carrot{--gd-tone: var(--color-accent)}.g-gated-dir .gd-tone-gold{--gd-tone: var(--raw-gold)}.g-gated-dir .gd-tone-brand{--gd-tone: var(--color-brand)}.g-gated-dir .gd-tone-ink{--gd-tone: var(--color-fg)}.g-gated-dir .gd-tone-violet{--gd-tone: var(--raw-purple-bright)}.g-gated-dir .gd-tone-lavender{--gd-tone: var(--raw-lavender)}.g-gated-dir .gd-sticker{display:inline-block;transform:rotate(-3deg);background:var(--color-accent);color:var(--color-accent-content);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-80);text-transform:uppercase;padding:var(--s-2) var(--s-3);box-shadow:0 6px 14px color-mix(in oklab,var(--color-accent) 30%,transparent)}.g-gated-dir .gd-sticker--brand{background:var(--color-brand);color:var(--color-brand-content);box-shadow:0 6px 14px color-mix(in oklab,var(--color-brand) 30%,transparent)}.g-gated-dir .gd-part{padding-block:var(--s-8) var(--s-1);scroll-margin-top:var(--s-16)}.g-gated-dir .gd-note{margin:var(--s-2) 0 var(--s-4);max-width:54ch;font-size:var(--type-body);color:var(--color-muted)}.g-gated-dir .gd-tap{display:flex;align-items:center;gap:var(--s-2);margin:0 0 var(--s-3);font-size:var(--type-body-sm);font-weight:var(--fw-bold);color:var(--color-accent)}.g-gated-dir .gd-tap svg{width:18px;height:18px;flex:none;animation:gd-nudge 1.6s ease-in-out infinite}@keyframes gd-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.g-gated-dir .gd-levels{margin:0;padding:0;border:0;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-2)}.g-gated-dir .gd-lv{display:grid;grid-template-columns:16px 1fr;-moz-column-gap:var(--s-2);column-gap:var(--s-2);row-gap:2px;align-items:start;min-width:0;padding:var(--s-3) var(--s-2);border:1.5px solid var(--color-border);background:var(--color-surface);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.g-gated-dir .gd-lv:before{content:"";grid-row:1 / 3;width:16px;height:16px;margin-top:2px;border-radius:50%;border:2px solid var(--color-muted-soft);box-sizing:border-box}.g-gated-dir .gd-lv b{color:var(--color-fg);font-size:var(--type-body);line-height:var(--lh-snug)}.g-gated-dir .gd-lv span{font-size:var(--type-caption);color:var(--color-muted);line-height:var(--lh-snug)}.g-gated-dir .gd-lv:hover{border-color:var(--color-accent)}.g-gated-dir .gd-lv:has(input:focus-visible),.g-gated-dir .gd-jump:focus-visible,.g-gated-dir .gd-flt:focus-visible,.g-gated-dir .gd-ri-in:focus-visible,.g-gated-dir .gd-vb:focus-visible,.g-gated-dir .gd-vid-cover:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.g-gated-dir .gd-lv:has(input:checked){background:var(--color-surface-brand);border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand)}.g-gated-dir .gd-lv:has(input:checked):before{border-color:var(--color-brand);background:var(--color-surface);box-shadow:inset 0 0 0 3px var(--color-brand)}.g-gated-dir .gd-res-out{margin-top:var(--s-4);background:var(--grad-lavender);padding:var(--s-6) var(--s-4) var(--s-4);display:grid;gap:var(--s-4)}.g-gated-dir .gd-flash{animation:gd-flash .6s ease}@keyframes gd-flash{0%{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-accent) 50%,transparent)}to{box-shadow:0 0 0 3px transparent}}.g-gated-dir .gd-res-h{font-size:var(--type-caption);font-weight:var(--fw-bold);letter-spacing:var(--ls-wide-60);text-transform:uppercase;color:var(--color-muted)}.g-gated-dir .gd-res-h b{color:var(--color-fg)}.g-gated-dir .gd-stack{display:flex;height:16px;gap:2px}.g-gated-dir .gd-stack i{display:block;height:100%;flex-basis:0;background:var(--gd-tone)}.g-gated-dir .gd-rank{display:grid;gap:var(--s-2)}.g-gated-dir .gd-rk{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:var(--s-1) var(--s-3);align-items:center}.g-gated-dir .gd-rk-n{display:flex;align-items:center;gap:var(--s-2);min-width:0;font-size:var(--type-body-sm);font-weight:var(--fw-semibold);color:var(--color-fg);line-height:var(--lh-snug)}.g-gated-dir .gd-rk-n i{flex:none;width:10px;height:10px;background:var(--gd-tone)}.g-gated-dir .gd-rk-v{text-align:right;font-size:var(--type-body-sm);font-weight:var(--fw-heavy);color:var(--color-fg);font-variant-numeric:tabular-nums}.g-gated-dir .gd-rk-bar{grid-column:1 / -1;height:6px;background:color-mix(in oklab,var(--color-surface) 85%,transparent)}.g-gated-dir .gd-rk-bar em{display:block;height:100%;background:var(--gd-tone)}.g-gated-dir .gd-zero .gd-rk-n,.g-gated-dir .gd-zero .gd-rk-v{color:var(--color-muted);font-weight:var(--fw-medium)}.g-gated-dir .gd-takes{display:grid;gap:var(--s-4);border-top:1px solid color-mix(in oklab,var(--color-brand) 18%,transparent);padding-top:var(--s-4)}.g-gated-dir .gd-tk{display:grid;grid-template-columns:30px 1fr;gap:3px var(--s-3);align-items:start}.g-gated-dir .gd-tk-ic{grid-row:1 / 3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--color-accent);color:var(--color-accent-content);font-weight:var(--fw-heavy)}.g-gated-dir .gd-tk-ic--brand{background:var(--color-brand);color:var(--color-brand-content)}.g-gated-dir .gd-tk h4{margin:var(--s-1) 0 0;font-size:var(--type-subheading);font-weight:var(--fw-heavy);color:var(--color-fg);line-height:var(--lh-snug)}.g-gated-dir .gd-tk p{margin:0;font-size:var(--type-body);line-height:var(--lh-body)}.g-gated-dir .gd-src-note{margin:0;font-size:var(--type-caption);color:var(--color-muted)}.g-gated-dir .gd-jump{justify-self:start;padding:0;border:0;background:none;cursor:pointer;font-size:var(--type-body-sm);font-weight:var(--fw-bold);color:var(--color-accent)}.g-gated-dir .gd-gated{position:relative}.g-gated-dir .gd-locked:after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,var(--color-surface) 88%,transparent) 55%,var(--color-surface) 100%);pointer-events:none}.g-gated-dir .gd-opened{margin:var(--s-6) 0 0;padding:var(--s-3) var(--s-4);background:var(--grad-lavender);color:var(--color-fg);font-size:var(--type-body-sm);font-weight:var(--fw-semibold);scroll-margin-top:var(--s-16)}.g-gated-dir .gd-connect{margin-top:var(--s-4)}.g-gated-dir .gd-fbox{display:grid;gap:var(--s-3);margin:var(--s-1) 0;padding:var(--s-4) var(--s-4) var(--s-3);background:var(--color-bg)}.g-gated-dir .gd-frow{display:grid;gap:var(--s-2);min-width:0}.g-gated-dir .gd-fl{font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-70);text-transform:uppercase;color:var(--color-muted)}.g-gated-dir .gd-chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.g-gated-dir .gd-flt{padding:var(--s-2) var(--s-3);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-fg);font-size:var(--type-body-sm);font-weight:var(--fw-semibold);white-space:nowrap;cursor:pointer}.g-gated-dir .gd-flt small{margin-left:var(--s-1);color:var(--color-muted);font-size:var(--type-caption);font-weight:var(--fw-semibold)}.g-gated-dir .gd-flt[aria-pressed=true]{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-brand-content)}.g-gated-dir .gd-flt[aria-pressed=true] small{color:color-mix(in oklab,var(--color-brand-content) 80%,transparent)}.g-gated-dir .gd-shown{margin:var(--s-1) 0 0;font-size:var(--type-body-sm);color:var(--color-muted)}.g-gated-dir .gd-grp{margin-top:var(--s-6)}.g-gated-dir .gd-grp h3{margin:0;color:var(--color-fg);font-size:var(--type-subheading);font-weight:var(--fw-bold);line-height:var(--lh-snug)}.g-gated-dir .gd-gn{margin:var(--s-1) 0 var(--s-3);max-width:54ch;font-size:var(--type-body-sm);color:var(--color-muted)}.g-gated-dir .gd-rl{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.g-gated-dir .gd-ri{border:1px solid var(--color-border);background:var(--color-surface);transition:border-color .2s}.g-gated-dir .gd-hid{border-color:color-mix(in oklab,var(--color-accent) 35%,var(--color-surface));background:var(--gd-peach)}.g-gated-dir .gd-ghost{opacity:var(--fade-faint);filter:blur(1.5px)}.g-gated-dir .gd-ri-in{display:grid;gap:var(--s-1);min-width:0;padding:var(--s-4) var(--s-4);text-decoration:none}.g-gated-dir .gd-ri-in b{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--s-2);color:var(--color-fg);font-size:var(--type-body-lg);line-height:var(--lh-snug)}.g-gated-dir .gd-ri-in>span{font-size:var(--type-body-sm);color:var(--color-muted);line-height:var(--lh-body)}.g-gated-dir a.gd-ri-in:hover b{color:var(--color-accent)}.g-gated-dir .gd-ext{width:13px;height:13px;flex:none;color:var(--color-accent)}.g-gated-dir .gd-badge{display:inline-block;transform:rotate(-2deg);background:var(--color-accent);color:var(--color-accent-content);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-70);text-transform:uppercase;padding:2px var(--s-2)}.g-gated-dir .gd-rn{display:block;margin-top:3px;font-family:var(--font-body);font-size:var(--type-caption);font-style:normal;letter-spacing:normal;color:var(--color-muted)}.g-gated-dir .gd-part--rules{padding-bottom:var(--s-12)}.g-gated-dir .gd-rules{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);counter-reset:gd-rule}.g-gated-dir .gd-rules li{counter-increment:gd-rule;display:grid;grid-template-columns:36px 1fr;gap:var(--s-3);align-items:start;font-size:var(--type-body);color:var(--color-fg);line-height:var(--lh-body)}.g-gated-dir .gd-rules li:before{content:counter(gd-rule);width:32px;height:32px;border-radius:50%;border:1.5px solid var(--color-accent);color:var(--color-accent);font-weight:var(--fw-bold);font-size:var(--type-body-sm);display:grid;place-items:center}.g-gated-dir .gd-vid{margin-top:var(--s-6);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 14px 32px color-mix(in oklab,var(--color-brand) 14%,transparent)}.g-gated-dir .gd-vid-cover{position:relative;display:grid;grid-template-columns:1fr 40%;align-items:end;min-height:210px;overflow:hidden;text-decoration:none;background:var(--grad-lavender)}.g-gated-dir .gd-vid-txt{position:relative;z-index:1;align-self:start;display:grid;gap:var(--s-2);min-width:0;padding:var(--s-6) 0 var(--s-6) var(--s-6)}.g-gated-dir .gd-vid-tag{font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-80);text-transform:uppercase;color:var(--color-accent)}.g-gated-dir .gd-vid-txt b{font-size:var(--type-heading);line-height:var(--lh-tight);font-weight:var(--fw-heavy);color:var(--color-fg);letter-spacing:var(--ls-tight-25)}.g-gated-dir .gd-vid-txt i{font-family:var(--font-accent);font-weight:var(--fw-medium);color:var(--color-brand)}.g-gated-dir .gd-vid-sub{font-size:var(--type-body-sm);color:var(--color-fg-soft);line-height:var(--lh-snug)}.g-gated-dir .gd-vid-ph{display:block;width:100%;max-width:220px;justify-self:end}.g-gated-dir .gd-vid-play{position:absolute;right:calc(40% - 26px);bottom:var(--s-4);z-index:2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--color-accent);color:var(--color-accent-content);box-shadow:0 10px 26px color-mix(in oklab,var(--color-accent) 45%,transparent),0 0 0 8px color-mix(in oklab,var(--color-surface) 55%,transparent);transition:transform .2s}.g-gated-dir .gd-vid-play svg{width:26px;height:26px;margin-left:3px}.g-gated-dir .gd-vid-cover:hover .gd-vid-play{transform:scale(1.07)}.g-gated-dir .gd-vid-btns{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border)}.g-gated-dir .gd-vb{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-width:0;padding:var(--s-3) var(--s-2);background:var(--color-surface);color:var(--color-fg);font-size:var(--type-body-sm);font-weight:var(--fw-bold);line-height:var(--lh-snug);text-decoration:none}.g-gated-dir .gd-vb:hover{background:var(--color-surface-brand)}.g-gated-dir .gd-vb svg{width:26px;height:20px;flex:none}.g-gated-dir .gd-gate{position:relative;z-index:2;margin-top:calc(-1 * var(--s-8));padding-bottom:var(--s-10)}.g-gated-dir .gd-gate-card{position:relative;background:var(--color-surface);border-top:4px solid var(--color-accent);box-shadow:0 -10px 40px color-mix(in oklab,var(--color-fg) 10%,transparent),0 26px 60px color-mix(in oklab,var(--color-fg) 24%,transparent);padding:var(--s-6) var(--s-6) var(--s-6)}.g-gated-dir .gd-gate-card [data-surface=light]{--action-bg: var(--color-accent);--action-fg: var(--color-accent-content)}.g-gated-dir .gd-gate-card .final-form{padding:0;margin-top:var(--s-3);background:transparent}.g-gated-dir .gd-gate-card .final-form-title{font-size:var(--type-heading);line-height:var(--lh-tight)}.g-gated-dir .gd-gate-card .final-form-sub{font-size:var(--type-body);color:var(--color-fg-soft);margin-bottom:var(--s-4)}.g-gated-dir .gd-gate-card .hg-field input{border-color:var(--color-fg);border-radius:0}[data-section=kit-gated-directory]:has([data-component=KitGatedDirectory][data-state=locked])~[data-section]:not([data-section=kit-footer]){display:none}.g-gated-dir .gd-pop{position:fixed;inset:0;z-index:var(--z-index-modal);display:flex;align-items:flex-end;justify-content:center}.g-gated-dir .gd-pop-bg{position:absolute;inset:0;border:0;padding:0;background:color-mix(in oklab,var(--color-fg) 45%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:gd-fade .25s ease;cursor:pointer}.g-gated-dir .gd-pop-card{position:relative;width:100%;max-width:640px;background:var(--color-surface);padding:var(--s-6) var(--s-6) calc(var(--s-4) + env(safe-area-inset-bottom,0px));border-top:4px solid var(--color-accent);box-shadow:0 -18px 50px color-mix(in oklab,var(--color-fg) 30%,transparent);animation:gd-slide .35s var(--easing-reveal)}.g-gated-dir .gd-pop-card--bot{max-width:600px;max-height:100dvh;overflow-y:auto;padding:var(--s-4) var(--s-2) calc(var(--s-2) + env(safe-area-inset-bottom,0px));border-top:0;background:transparent;box-shadow:none}.g-gated-dir .gd-pop-x.gd-pop-x--bot{top:0;right:var(--s-2);background:var(--color-brand);border-radius:50%;z-index:1;color:var(--color-brand-content)}.g-gated-dir .gd-pop-card:focus{outline:none}@keyframes gd-slide{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes gd-fade{0%{opacity:0}to{opacity:1}}.g-gated-dir .gd-pop-x{position:absolute;top:var(--s-2);right:var(--s-2);width:40px;height:40px;display:grid;place-items:center;border:0;background:none;cursor:pointer;font-size:var(--type-heading);line-height:var(--lh-solid);color:var(--color-muted)}.g-gated-dir .gd-pop-x:focus-visible,.g-gated-dir .gd-pop-later:focus-visible,.g-gated-dir .gd-cta:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px}.g-gated-dir .gd-pop-top{display:grid;grid-template-columns:100px 1fr;gap:var(--s-4);align-items:center}.g-gated-dir .gd-pop-cover{aspect-ratio:3 / 4;transform:rotate(-4deg);background:var(--grad-purple);color:var(--color-brand-content);padding:var(--s-3) var(--s-2);display:flex;flex-direction:column;gap:var(--s-1);box-shadow:0 14px 28px color-mix(in oklab,var(--color-brand) 35%,transparent)}.g-gated-dir .gd-pc-tag{align-self:flex-start;background:var(--color-surface);color:var(--color-brand);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-80);text-transform:uppercase;padding:2px var(--s-1)}.g-gated-dir .gd-pop-cover b{margin-top:var(--s-2);font-size:var(--type-subheading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-40);line-height:var(--lh-solid)}.g-gated-dir .gd-pc-t{font-family:var(--font-accent);font-style:italic;font-size:var(--type-caption);line-height:var(--lh-snug)}.g-gated-dir .gd-pc-links{margin-top:auto;display:grid;gap:var(--s-1)}.g-gated-dir .gd-pc-links i{display:block;height:6px;background:color-mix(in oklab,var(--color-brand-content) 35%,transparent)}.g-gated-dir .gd-pc-links i:nth-child(2){width:80%}.g-gated-dir .gd-pc-links i:nth-child(3){width:60%;background:var(--raw-coral)}.g-gated-dir .gd-pop-txt{min-width:0}.g-gated-dir .gd-pop-txt h2{font-size:var(--type-subheading);font-weight:var(--fw-heavy);line-height:var(--lh-snug)}.g-gated-dir .gd-pop-txt p{margin:var(--s-2) 0 0;font-size:var(--type-body-sm);line-height:var(--lh-normal)}.g-gated-dir .gd-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;min-height:64px;margin-top:var(--s-6);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-6);border:0;background:var(--color-accent);color:var(--color-accent-content);font-size:var(--type-body);font-weight:var(--fw-heavy);line-height:var(--lh-snug);text-align:left;cursor:pointer;box-shadow:0 12px 26px color-mix(in oklab,var(--color-accent) 38%,transparent)}.g-gated-dir .gd-cta-arr{flex:none;display:grid;place-items:center;width:48px;height:48px;background:var(--color-surface);color:var(--color-accent);font-size:var(--type-subheading)}.g-gated-dir .gd-pop-later{display:block;margin:var(--s-3) auto 0;padding:var(--s-2) var(--s-3);border:0;background:none;cursor:pointer;font-size:var(--type-body-sm);font-weight:var(--fw-semibold);color:var(--color-muted)}@media (min-width: 640px){.g-gated-dir .gd-lv{padding:var(--s-3)}.g-gated-dir .gd-lv b{font-size:var(--type-body)}}.g-gated-dir .gd-pop-card--hero{container-type:inline-size;max-height:94vh;overflow:auto;padding:0 0 calc(var(--s-3) + env(safe-area-inset-bottom,0px));border-top:0;border-radius:var(--corner-lg) var(--corner-lg) 0 0}.g-gated-dir .gd-pop-card--hero .gd-pop-x{top:var(--s-2);right:var(--s-2);z-index:5;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--color-fg) 55%,transparent);color:var(--color-brand-content)}.g-gated-dir .gd-ph{position:relative;display:grid;grid-template-columns:1fr 168px;gap:var(--s-2);min-height:236px;padding:var(--s-6) 0 0 var(--s-6);overflow:hidden;background:radial-gradient(100% 80% at 100% 0%,color-mix(in oklab,var(--raw-lavender) 70%,transparent) 0%,transparent 55%),radial-gradient(90% 80% at 0% 100%,color-mix(in oklab,var(--raw-purple-bright) 70%,transparent) 0%,transparent 60%),var(--grad-purple)}.g-gated-dir .gd-ph-txt{position:relative;z-index:2;min-width:0;padding-bottom:var(--s-6)}.g-gated-dir .gd-ph-tag{display:inline-block;padding:var(--s-1) var(--s-3);border-radius:var(--corner-pill);background:var(--color-surface);color:var(--color-brand);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-80);text-transform:uppercase}.g-gated-dir .gd-ph h2{margin-top:var(--s-3);color:var(--color-brand-content);font-size:var(--type-heading);font-weight:var(--fw-heavy);line-height:var(--lh-tight)}.g-gated-dir .gd-ph h2 i{display:block;font-family:var(--font-accent);font-style:italic;font-weight:var(--fw-medium);letter-spacing:var(--ls-tight-10);color:color-mix(in oklab,var(--raw-coral) 35%,var(--raw-white))}.g-gated-dir .gd-ph p{max-width:30ch;margin:var(--s-2) 0 0;color:var(--lavender-tint);font-size:var(--type-body-sm);line-height:var(--lh-normal)}.g-gated-dir .gd-ph-dev{position:relative;z-index:1;align-self:end;margin-right:-26px;transform:rotate(-6deg) translateY(18px)}.g-gated-dir .gd-ph-phone{width:178px;padding:var(--s-1);border-radius:var(--corner-sm);background:var(--color-fg);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-brand-content) 30%,transparent),0 20px 40px color-mix(in oklab,var(--color-fg) 45%,transparent)}.g-gated-dir .gd-ph-scr{position:relative;overflow:hidden;padding:20px 7px 10px;border-radius:var(--corner-xs);background:var(--color-bg)}.g-gated-dir .gd-ph-scr:before{content:"";position:absolute;left:50%;top:6px;width:46px;height:10px;margin-left:-23px;border-radius:var(--corner-pill);background:var(--color-fg)}.g-gated-dir .gd-ph-h{padding:0 3px 6px;font-size:9px;font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-60);text-transform:uppercase;color:var(--color-brand)}.g-gated-dir .gd-ph-r{display:grid;grid-template-columns:22px 1fr 12px;gap:6px;align-items:center;margin-bottom:5px;padding:6px;border-radius:var(--corner-sm);background:var(--color-surface);box-shadow:0 1px 3px color-mix(in oklab,var(--color-fg) 6%,transparent)}.g-gated-dir .gd-ph-r i{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--corner-xs);background:var(--color-surface-brand);color:var(--color-fg);font-family:var(--font-body);font-style:normal;letter-spacing:normal;font-size:10px;font-weight:var(--fw-heavy)}.g-gated-dir .gd-ph-r b{display:block;color:var(--color-fg);font-size:10px;line-height:var(--lh-tight)}.g-gated-dir .gd-ph-r small{display:inline-block;margin-top:3px;padding:2px 6px;border-radius:var(--corner-pill);background:var(--color-accent);color:var(--color-accent-content);font-size:7.5px;font-weight:var(--fw-bold)}.g-gated-dir .gd-ph-r s{color:var(--raw-coral);font-size:11px;text-decoration:none}.g-gated-dir .gd-ph-faded{opacity:var(--fade-muted)}.g-gated-dir .gd-ph-price{position:absolute;right:150px;bottom:14px;z-index:3;display:grid;place-items:center;width:84px;height:84px;border:4px solid var(--color-surface);border-radius:50%;background:var(--color-accent);color:var(--color-accent-content);text-align:center;transform:rotate(-10deg);box-shadow:0 12px 24px color-mix(in oklab,var(--color-accent) 45%,transparent)}.g-gated-dir .gd-ph-price small{display:block;font-size:9.5px;font-weight:var(--fw-bold);letter-spacing:var(--ls-wide-60);line-height:var(--lh-solid);text-transform:uppercase}.g-gated-dir .gd-ph-price b{display:block;font-size:24px;font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-30);line-height:var(--lh-solid)}.g-gated-dir .gd-pb{padding:var(--s-6) var(--s-6) 0}.g-gated-dir .gd-pb-ben{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.g-gated-dir .gd-pb-ben li{display:grid;grid-template-columns:34px 1fr;gap:var(--s-3);align-items:center;color:var(--color-fg);font-size:var(--type-body-sm);line-height:var(--lh-snug)}.g-gated-dir .gd-pb-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--corner-sm);background:var(--color-surface-brand);color:var(--color-brand)}.g-gated-dir .gd-pb-ic svg{width:18px;height:18px}.g-gated-dir .gd-cta.gd-cta--pill{min-height:58px;margin-top:var(--s-4);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-6);border-radius:var(--corner-pill);font-weight:var(--fw-bold)}.g-gated-dir .gd-cta--pill .gd-cta-arr{width:44px;height:44px;border-radius:50%}.g-gated-dir .gd-pb-note{margin:var(--s-2) 0 0;text-align:center;color:var(--color-muted);font-size:var(--type-caption)}.g-gated-dir .gd-pop-card--hero .gd-pop-later{margin-top:2px}@container (max-width: 420px){.g-gated-dir .gd-ph{grid-template-columns:1fr 128px;min-height:220px;padding:var(--s-6) 0 0 var(--s-4)}.g-gated-dir .gd-ph-phone{width:150px}.g-gated-dir .gd-ph-price{right:112px;bottom:8px;width:72px;height:72px}.g-gated-dir .gd-ph-price b{font-size:20px}.g-gated-dir .gd-pb{padding:var(--s-4) var(--s-4) 0}.g-gated-dir .gd-pb-ben{grid-template-columns:1fr;gap:var(--s-2)}}@media (min-width: 768px){.g-gated-dir .gd-pop{align-items:center}.g-gated-dir .gd-pop-card.gd-pop-card--hero{max-width:600px;border-radius:var(--corner-lg)}.g-gated-dir .gd-pop-card{max-width:560px}.g-gated-dir .gd-pop-top{grid-template-columns:118px 1fr}}@media (min-width: 1024px){.g-gated-dir h2{font-size:var(--type-title)}.g-gated-dir .gd-part{padding-block:var(--s-16) var(--s-2)}.g-gated-dir .gd-note{font-size:var(--type-body)}.g-gated-dir .gd-lv-grid{display:grid;grid-template-columns:340px 1fr;gap:var(--s-8);align-items:start}.g-gated-dir .gd-lv-col{position:sticky;top:var(--s-6)}.g-gated-dir .gd-levels{grid-template-columns:1fr}.g-gated-dir .gd-res-out{margin-top:0;padding:var(--s-6) var(--s-8)}.g-gated-dir .gd-takes{grid-template-columns:1fr 1fr;gap:var(--s-8)}.g-gated-dir .gd-fbox{display:flex;align-items:center;gap:var(--s-6)}.g-gated-dir .gd-frow{display:flex;align-items:center;gap:var(--s-4)}.g-gated-dir .gd-rl{grid-template-columns:repeat(3,1fr)}.g-gated-dir .gd-ri{height:100%}.g-gated-dir .gd-grp{margin-top:var(--s-8)}.g-gated-dir .gd-locked:after{height:64px}.g-gated-dir .gd-gate{margin-top:calc(-1 * var(--s-4))}.g-gated-dir .gd-gate-card{max-width:760px;margin-inline:auto;padding:var(--s-8) var(--s-10)}.g-gated-dir .gd-rv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-12);align-items:start}.g-gated-dir .gd-rv-grid .gd-vid{margin-top:0}}@media (prefers-reduced-motion: reduce){.g-gated-dir .gd-tap svg,.g-gated-dir .gd-flash,.g-gated-dir .gd-pop-card,.g-gated-dir .gd-pop-bg{animation:none}}}