.hero{--hero-pad:clamp(2rem, 1rem + 4vw, 5rem);padding-block:var(--hero-pad);background:var(--ui-color-surface,#fff);overflow:clip;container:hero/inline-size}.hero__inner{--hero-columns:6;--hero-rows:6;--hero-gap:var(--ui-space-4,1rem);--hero-skew:clamp(1.5rem, 6cqi, 5rem);grid-template-columns:repeat(var(--hero-columns), minmax(0, 1fr));gap:var(--ui-space-8,2rem) var(--hero-gap);align-items:center;display:grid;position:relative}@container hero (width>=768px){.hero__inner{--hero-columns:8}}@container hero (width>=992px){.hero__inner{--hero-columns:12;--hero-rows:8}}.hero__copy{z-index:1;grid-area:1/1/auto/-1;position:relative}@container hero (width>=768px){.hero__copy{grid-column:1/span 7}}@container hero (width>=992px){.hero__copy{grid-column:1/span 6;padding-block:clamp(1rem,4cqi,4rem);padding-inline-end:var(--hero-skew)}}.hero__title{font-size:clamp(2rem,1.25rem + 3.4cqi,3.75rem);font-weight:var(--ui-font-weight-bold,700);color:var(--brand-text);letter-spacing:-.025em;text-wrap:balance;margin-block-end:var(--ui-space-4,1rem);line-height:1.05}.hero__accent{color:var(--brand-accent-strong)}.hero__lead{max-width:34rem;font-size:clamp(var(--ui-font-size-base,1rem), .9rem + .4cqi, var(--ui-font-size-lg,1.125rem));color:var(--ui-color-text-muted,#77879f)}.hero__actions{gap:var(--ui-space-3,.75rem);flex-wrap:wrap;margin-block-start:var(--ui-space-6,1.5rem);display:flex}.hero__media{z-index:1;clip-path:polygon(var(--hero-skew) 0, 100% 0, calc(100% - var(--hero-skew)) 100%, 0 100%);grid-area:2/1/auto/-1;position:relative}@container hero (width>=768px){.hero__media{grid-column:2/-1}}@container hero (width>=992px){.hero__media{clip-path:polygon(var(--hero-skew) 0, 100% 0, 100% 100%, 0 100%);grid-area:1/7/auto/-1}}.hero__media .ui-media{aspect-ratio:4/3}.hero__media .ui-media__img{filter:grayscale()contrast(1.05)}.hero__decor{margin-block:calc(-1 * var(--ui-space-8,2rem));grid-area:2/1/auto/-1;grid-template-columns:repeat(var(--hero-columns), minmax(0, 1fr));grid-template-rows:repeat(var(--hero-rows), minmax(0, 1fr));align-self:stretch;column-gap:var(--hero-gap);pointer-events:none;display:grid}@container hero (width>=992px){.hero__decor{margin-block:calc(-1 * var(--hero-pad));grid-row:1}}.hero__shape,.hero__badge{display:none}.hero__shape--slab-ink{background:var(--brand-ink);clip-path:polygon(40% 0,100% 0,60% 100%,0 100%);grid-area:1/1/4/3;display:block}@container hero (width>=992px){.hero__shape--slab-ink{grid-area:2/7/6/8;margin-inline-start:calc(-1 * var(--hero-skew))}}.hero__shape--slab-accent{background:var(--brand-accent);clip-path:polygon(var(--hero-skew) 0, 100% 0, 100% 100%, 0 100%);grid-area:5/3/7/7;margin-inline-end:-50vw;display:block}@container hero (width>=768px){.hero__shape--slab-accent{grid-area:5/4/7/9}}@container hero (width>=992px){.hero__shape--slab-accent{grid-area:7/9/9/13;margin-block-start:var(--ui-space-8,2rem)}.hero__shape--bar{background:var(--brand-accent-soft);clip-path:polygon(var(--hero-skew) 0, 100% 0, 100% 100%, 0 100%);grid-area:1/11/2/13;margin-inline-end:-50vw;display:block}.hero__shape--stripes{background:repeating-linear-gradient(-65deg, transparent 0 .75rem, var(--brand-ink) .75rem 1.75rem);grid-area:1/9/2/11;display:block;-webkit-mask-image:linear-gradient(#000 0 55%,#0000 55%);mask-image:linear-gradient(#000 0 55%,#0000 55%)}.hero__shape--hatch-top{background:repeating-linear-gradient(-45deg, transparent 0 5px, var(--brand-accent) 5px 6.5px);opacity:.35;aspect-ratio:1;border-radius:50%;grid-area:1/5/3/6;align-self:center;display:block}}@container hero (width>=768px){.hero__shape--hatch-bottom{background:repeating-linear-gradient(-45deg, transparent 0 5px, var(--brand-accent) 5px 6.5px);opacity:.35;aspect-ratio:1;border-radius:50%;grid-area:5/1/7/2;display:block}}@container hero (width>=992px){.hero__shape--hatch-bottom{grid-area:7/1/9/2;align-self:end;margin-inline-start:-60%}.hero__shape--line{background:linear-gradient(to bottom right, transparent calc(50% - .75px), var(--brand-accent) calc(50% - .75px) calc(50% + .75px), transparent calc(50% + .75px));grid-area:7/5/9/7;display:block}}.hero__badge{place-self:center}.hero__badge .ui-icon-box{color:var(--brand-accent-strong);background:var(--ui-color-surface,#fff);box-shadow:0 0 0 2px var(--brand-accent), 0 0 0 6px var(--ui-color-surface,#fff)}@container hero (width>=992px){.hero__badge--coins{grid-area:1/6/3/7;place-self:center;display:block}.hero__badge--chart{grid-area:7/6/8/7;place-self:start end;display:block}}.value-cards{gap:var(--ui-space-4,1rem);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.value-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=992px){.value-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.value-card{gap:var(--ui-space-3,.75rem);padding:var(--ui-space-6,1.5rem);background:var(--ui-color-surface,#fff);box-shadow:var(--brand-shadow-raised);flex-direction:column;display:flex}.value-card .ui-icon-box{margin-block-end:var(--ui-space-3,.75rem)}.value-card .arrow-link{align-self:flex-start}.value-card__title{font-size:var(--ui-font-size-lg,1.125rem);font-weight:var(--ui-font-weight-semibold,600);color:var(--brand-text);margin:0;line-height:1.3}.value-card__body{color:var(--ui-color-text-muted,#77879f);flex:1;margin:0}.value-card--featured{color:var(--ui-color-on-dark,#fff);background:var(--ui-color-surface-brand,#16202a)}.value-card--featured .value-card__title,.value-card--featured .arrow-link{color:var(--ui-color-on-dark,#fff)}.value-card--featured .value-card__body{color:var(--ui-color-on-dark-muted,#ffffffb3)}.value-card--featured .ui-icon-box{color:var(--ui-color-accent-400,#ea8247);background:var(--ui-color-on-dark-fill-strong,#ffffff1f)}.value-card--featured .arrow-link:focus-visible{outline:2px solid var(--ui-color-on-dark,#fff);outline-offset:2px}.value-card--featured .arrow-link:hover,.value-card--featured .arrow-link:focus-visible{color:var(--ui-color-accent-300,#fda577);background:var(--ui-color-on-dark-fill,#ffffff14)}